@patternfly/react-styles 6.0.0-alpha.25 → 6.0.0-alpha.27
Sign up to get free protection for your applications and to get access to all the features.
- package/CHANGELOG.md +12 -0
- package/css/assets/images/pf-background.svg +21 -21
- package/css/components/ActionList/action-list.css +4 -4
- package/css/components/Alert/alert-group.css +2 -1
- package/css/components/Banner/banner.css +10 -10
- package/css/components/Banner/banner.d.ts +2 -2
- package/css/components/Banner/banner.js +2 -2
- package/css/components/Banner/banner.mjs +2 -2
- package/css/components/Brand/brand.css +4 -1
- package/css/components/Button/button.css +33 -14
- package/css/components/CalendarMonth/calendar-month.css +1 -1
- package/css/components/Card/card.css +11 -1
- package/css/components/ClipboardCopy/clipboard-copy.css +11 -19
- package/css/components/ClipboardCopy/clipboard-copy.d.ts +2 -1
- package/css/components/ClipboardCopy/clipboard-copy.js +2 -1
- package/css/components/ClipboardCopy/clipboard-copy.mjs +2 -1
- package/css/components/JumpLinks/jump-links.css +4 -14
- package/css/components/JumpLinks/jump-links.d.ts +0 -1
- package/css/components/JumpLinks/jump-links.js +0 -1
- package/css/components/JumpLinks/jump-links.mjs +0 -1
- package/css/components/Label/label.css +34 -34
- package/css/components/Label/label.d.ts +2 -2
- package/css/components/Label/label.js +2 -2
- package/css/components/Label/label.mjs +2 -2
- package/css/components/List/list.css +4 -1
- package/css/components/LogViewer/log-viewer.css +4 -1
- package/css/components/Menu/menu.css +11 -0
- package/css/components/MenuToggle/menu-toggle.css +7 -0
- package/css/components/Nav/nav.css +1 -0
- package/css/components/Page/page.css +38 -54
- package/css/components/Pagination/pagination.css +6 -3
- package/css/components/Panel/panel.css +17 -14
- package/css/components/Popover/popover.css +4 -1
- package/css/components/Table/table-grid.css +1 -1
- package/css/components/Table/table.css +10 -3
- package/css/components/TextInputGroup/text-input-group.css +20 -18
- package/css/components/Toolbar/toolbar.css +1 -0
- package/css/components/Truncate/truncate.css +1 -1
- package/css/components/_index.css +239 -196
- package/css/components/_index.d.ts +2 -2
- package/css/components/_index.js +2 -2
- package/css/components/_index.mjs +2 -2
- package/css/docs/components/Page/examples/Page.css +5 -9
- package/css/docs/components/Page/examples/Page.d.ts +2 -0
- package/css/docs/components/Page/examples/Page.js +2 -0
- package/css/docs/components/Page/examples/Page.mjs +2 -0
- package/css/docs/components/TextInputGroup/examples/TextInputGroup.css +4 -0
- package/css/docs/components/Truncate/examples/Truncate.css +0 -1
- package/package.json +3 -3
- package/css/docs/components/Pagination/examples/Pagination.css +0 -3
- package/css/docs/components/Pagination/examples/Pagination.d.ts +0 -3
- package/css/docs/components/Pagination/examples/Pagination.js +0 -4
- package/css/docs/components/Pagination/examples/Pagination.mjs +0 -2
package/CHANGELOG.md
CHANGED
@@ -3,6 +3,18 @@
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
5
5
|
|
6
|
+
# [6.0.0-alpha.27](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-styles@6.0.0-alpha.26...@patternfly/react-styles@6.0.0-alpha.27) (2024-07-02)
|
7
|
+
|
8
|
+
### Features
|
9
|
+
|
10
|
+
- **Button:** add text wrapper, update icon usage ([#10663](https://github.com/patternfly/patternfly-react/issues/10663)) ([eca5878](https://github.com/patternfly/patternfly-react/commit/eca58789d1f07753657372a46a20c147f984b998))
|
11
|
+
|
12
|
+
# [6.0.0-alpha.26](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-styles@6.0.0-alpha.25...@patternfly/react-styles@6.0.0-alpha.26) (2024-06-26)
|
13
|
+
|
14
|
+
### Features
|
15
|
+
|
16
|
+
- **Banner,Label:** rename cyan/gold to teal/yellow ([#10661](https://github.com/patternfly/patternfly-react/issues/10661)) ([3e76f17](https://github.com/patternfly/patternfly-react/commit/3e76f173f62b0f5e9aef9e43c597ae5b7fffee92))
|
17
|
+
|
6
18
|
# [6.0.0-alpha.25](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-styles@6.0.0-alpha.24...@patternfly/react-styles@6.0.0-alpha.25) (2024-06-25)
|
7
19
|
|
8
20
|
**Note:** Version bump only for package @patternfly/react-styles
|
@@ -1,22 +1,22 @@
|
|
1
|
-
<svg width="541" height="370" viewBox="0 0 541 370" fill="none"
|
2
|
-
<path fill-rule="evenodd" clip-rule="evenodd" d="M459 95L541 95V177H532.214C491.779 177 459 144.221 459 103.786V95Z" fill="#A3A3A3"
|
3
|
-
<path fill-rule="evenodd" clip-rule="evenodd" d="M451 95L369 95V177H377.786C418.221 177 451 144.221 451 103.786V95Z" fill="#A3A3A3"
|
4
|
-
<path fill-rule="evenodd" clip-rule="evenodd" d="M357 177H276V95H284.679C324.621 95 357 127.779 357 168.214V177Z" fill="#A3A3A3"
|
5
|
-
<path fill-rule="evenodd" clip-rule="evenodd" d="M184 177H266V95H257.214C216.779 95 184 127.779 184 168.214V177Z" fill="#A3A3A3"
|
6
|
-
<path fill-rule="evenodd" clip-rule="evenodd" d="M184 0L266 0V82H257.214C216.779 82 184 49.2208 184 8.78571V0Z" fill="#A3A3A3"
|
7
|
-
<path fill-rule="evenodd" clip-rule="evenodd" d="M356 82L274
|
8
|
-
<path fill-rule="evenodd" clip-rule="evenodd" d="M449 82L368
|
9
|
-
<path d="M459.
|
10
|
-
<path d="M275.
|
11
|
-
<path fill-rule="evenodd" clip-rule="evenodd" d="M267 288H185V370H193.786C234.221 370 267 337.221 267 296.786V288Z" fill="#A3A3A3"
|
12
|
-
<path fill-rule="evenodd" clip-rule="evenodd" d="M173 370H92L92 288H100.679C140.621 288 173 320.779 173 361.214V370Z" fill="#A3A3A3"
|
13
|
-
<path fill-rule="evenodd" clip-rule="evenodd" d="M0 370H82L82 288H73.2143C32.7792 288 0 320.779 0 361.214L0 370Z" fill="#A3A3A3"
|
14
|
-
<path d="M0.
|
15
|
-
<path fill-rule="evenodd" clip-rule="evenodd" d="M172 275H90L90 193H98.7857C139.221 193 172 225.779 172 266.214V275Z" fill="#A3A3A3"
|
16
|
-
<path d="
|
17
|
-
<path fill-rule="evenodd" clip-rule="evenodd" d="M366 370H447V288H438.321C398.379 288 366 320.779 366 361.214V370Z" fill="#A3A3A3"
|
18
|
-
<path fill-rule="evenodd" clip-rule="evenodd" d="M366 193H447V275H438.321C398.379 275 366 242.221 366 201.786V193Z" fill="#A3A3A3"
|
19
|
-
<path fill-rule="evenodd" clip-rule="evenodd" d="M537 275H456V193H464.679C504.621 193 537 225.779 537 266.214V275Z" fill="#A3A3A3"
|
20
|
-
<path d="
|
21
|
-
<path fill-rule="evenodd" clip-rule="evenodd" d="M275 275H357V193H348.214C307.779 193 275 225.779 275 266.214V275Z" fill="#A3A3A3"
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="541" height="370" viewBox="0 0 541 370" fill="none">
|
2
|
+
<path opacity="0.2" fill-rule="evenodd" clip-rule="evenodd" d="M459 95L541 95V177H532.214C491.779 177 459 144.221 459 103.786V95Z" fill="#A3A3A3"/>
|
3
|
+
<path opacity="0.2" fill-rule="evenodd" clip-rule="evenodd" d="M451 95L369 95V177H377.786C418.221 177 451 144.221 451 103.786V95Z" fill="#A3A3A3"/>
|
4
|
+
<path opacity="0.2" fill-rule="evenodd" clip-rule="evenodd" d="M357 177H276V95H284.679C324.621 95 357 127.779 357 168.214V177Z" fill="#A3A3A3"/>
|
5
|
+
<path opacity="0.2" fill-rule="evenodd" clip-rule="evenodd" d="M184 177H266V95H257.214C216.779 95 184 127.779 184 168.214V177Z" fill="#A3A3A3"/>
|
6
|
+
<path opacity="0.2" fill-rule="evenodd" clip-rule="evenodd" d="M184 0L266 0V82H257.214C216.779 82 184 49.2208 184 8.78571V0Z" fill="#A3A3A3"/>
|
7
|
+
<path opacity="0.2" fill-rule="evenodd" clip-rule="evenodd" d="M356 82L274 82V0H282.786C323.221 0 356 32.7792 356 73.2143V82Z" fill="#A3A3A3"/>
|
8
|
+
<path opacity="0.2" fill-rule="evenodd" clip-rule="evenodd" d="M449 82L368 82V0H376.679C416.621 0 449 32.7792 449 73.2143V82Z" fill="#A3A3A3"/>
|
9
|
+
<path opacity="0.3" fill-rule="evenodd" clip-rule="evenodd" d="M459 79.8036V82H461.05V80H461V79.8036H459ZM469.25 82H465.15V80H469.25V82ZM459 75.4107H461V73.2143C461 72.5441 461.009 71.8762 461.028 71.2106L459.028 71.1553C459.01 71.8394 459 72.5257 459 73.2143V75.4107ZM459.255 67.0552L461.248 67.2212C461.36 65.8871 461.508 64.5635 461.691 63.2515L459.71 62.9743C459.522 64.3232 459.37 65.6838 459.255 67.0552ZM460.394 58.9256L462.356 59.3138C462.615 58.0026 462.91 56.7044 463.241 55.4202L461.304 54.922C460.964 56.2425 460.66 57.5774 460.394 58.9256ZM462.439 50.9736L464.345 51.5805C464.75 50.3077 465.19 49.0505 465.664 47.8099L463.796 47.0963C463.309 48.372 462.856 49.6648 462.439 50.9736ZM465.369 43.3022L467.194 44.1201C467.74 42.9025 468.319 41.7029 468.93 40.5226L467.154 39.6032C466.526 40.8167 465.93 42.0501 465.369 43.3022ZM469.144 36.0105L470.865 37.0283C471.544 35.8805 472.254 34.7533 472.994 33.6479L471.332 32.5353C470.571 33.6716 469.841 34.8304 469.144 36.0105ZM473.711 29.1876L475.308 30.3914C476.111 29.327 476.942 28.2858 477.802 27.269L476.274 25.9779C475.391 27.0231 474.536 28.0934 473.711 29.1876ZM479.012 22.9163L480.465 24.2905C481.381 23.3227 482.323 22.3805 483.291 21.4652L481.916 20.0121C480.921 20.953 479.953 21.9215 479.012 22.9163ZM484.978 17.2743L486.269 18.8017C487.286 17.9422 488.327 17.1107 489.391 16.3084L488.188 14.7113C487.093 15.5361 486.023 16.3908 484.978 17.2743ZM491.535 12.3318L492.648 13.9937C493.753 13.2537 494.88 12.5439 496.028 11.8653L495.011 10.1436C493.83 10.8413 492.672 11.5711 491.535 12.3318ZM498.603 8.15388L499.523 9.93001C500.703 9.319 501.902 8.74007 503.12 8.19435L502.302 6.36926C501.05 6.93039 499.817 7.52566 498.603 8.15388ZM506.096 4.7959L506.81 6.66425C508.051 6.19038 509.308 5.75021 510.581 5.34487L509.974 3.43919C508.665 3.856 507.372 4.30862 506.096 4.7959ZM513.922 2.30366L514.42 4.24061C515.704 3.91032 517.003 3.61493 518.314 3.35554L517.926 1.39356C516.577 1.66028 515.243 1.96401 513.922 2.30366ZM521.974 0.710419L522.252 2.69112C523.564 2.5075 524.887 2.35962 526.221 2.2485L526.055 0.255402C524.684 0.369629 523.323 0.521645 521.974 0.710419ZM473.35 82V80H477.45V82H473.35ZM481.55 82V80H485.65V82H481.55ZM489.75 82V80H493.85V82H489.75ZM497.95 82V80H502.05V82H497.95ZM506.15 82V80H510.25V82H506.15ZM514.35 82V80H518.45V82L514.35 82ZM522.55 82V80H526.65V82H522.55ZM530.75 82V80H534.85V82H530.75ZM538.95 82V80H539V79.95H541V82H538.95ZM541 75.85H539V71.75H541V75.85ZM541 67.65H539V63.55H541V67.65ZM541 59.45H539V55.35H541V59.45ZM541 51.25H539V47.15H541V51.25ZM541 43.05H539V38.95H541V43.05ZM541 34.85H539V30.75H541V34.85ZM541 26.65H539V22.55H541V26.65ZM541 18.45H539V14.35H541V18.45ZM541 10.25H539V6.15H541V10.25ZM541 2.05H539V2H538.804V0H541V2.05ZM534.411 0V2H532.214C531.544 2 530.876 2.00925 530.211 2.02763L530.155 0.0283966C530.839 0.00950623 531.526 0 532.214 0H534.411Z" fill="#A3A3A3"/>
|
10
|
+
<path opacity="0.3" fill-rule="evenodd" clip-rule="evenodd" d="M275 290.196V288H277.05V290H277V290.196H275ZM285.25 288H281.15V290H285.25V288ZM275 294.589H277V296.786C277 297.456 277.009 298.124 277.028 298.789L275.028 298.845C275.01 298.161 275 297.474 275 296.786V294.589ZM275.255 302.945L277.248 302.779C277.36 304.113 277.508 305.436 277.691 306.748L275.71 307.026C275.522 305.677 275.37 304.316 275.255 302.945ZM276.394 311.074L278.356 310.686C278.615 311.997 278.91 313.296 279.241 314.58L277.304 315.078C276.964 313.757 276.66 312.423 276.394 311.074ZM278.439 319.026L280.345 318.419C280.75 319.692 281.19 320.949 281.664 322.19L279.796 322.904C279.309 321.628 278.856 320.335 278.439 319.026ZM281.369 326.698L283.194 325.88C283.74 327.098 284.319 328.297 284.93 329.477L283.154 330.397C282.526 329.183 281.93 327.95 281.369 326.698ZM285.144 333.989L286.865 332.972C287.544 334.12 288.254 335.247 288.994 336.352L287.332 337.465C286.571 336.328 285.841 335.17 285.144 333.989ZM289.711 340.812L291.308 339.609C292.111 340.673 292.942 341.714 293.802 342.731L292.274 344.022C291.391 342.977 290.536 341.907 289.711 340.812ZM295.012 347.084L296.465 345.709C297.381 346.677 298.323 347.619 299.291 348.535L297.916 349.988C296.921 349.047 295.953 348.079 295.012 347.084ZM300.978 352.726L302.269 351.198C303.286 352.058 304.327 352.889 305.391 353.692L304.188 355.289C303.093 354.464 302.023 353.609 300.978 352.726ZM307.535 357.668L308.648 356.006C309.753 356.746 310.88 357.456 312.028 358.135L311.011 359.856C309.83 359.159 308.672 358.429 307.535 357.668ZM314.603 361.846L315.523 360.07C316.703 360.681 317.902 361.26 319.12 361.806L318.302 363.631C317.05 363.07 315.817 362.474 314.603 361.846ZM322.096 365.204L322.81 363.336C324.051 363.81 325.308 364.25 326.581 364.655L325.974 366.561C324.665 366.144 323.372 365.691 322.096 365.204ZM329.922 367.696L330.42 365.759C331.704 366.09 333.003 366.385 334.314 366.644L333.926 368.606C332.577 368.34 331.243 368.036 329.922 367.696ZM337.974 369.29L338.252 367.309C339.564 367.492 340.887 367.64 342.221 367.751L342.055 369.745C340.684 369.63 339.323 369.478 337.974 369.29ZM289.35 288V290H293.45V288H289.35ZM297.55 288V290H301.65V288H297.55ZM305.75 288V290H309.85V288H305.75ZM313.95 288V290H318.05V288H313.95ZM322.15 288V290H326.25V288H322.15ZM330.35 288V290H334.45V288H330.35ZM338.55 288V290H342.65V288H338.55ZM346.75 288V290H350.85V288H346.75ZM354.95 288V290H355V290.05H357V288H354.95ZM357 294.15H355V298.25H357V294.15ZM357 302.35H355V306.45H357V302.35ZM357 310.55H355V314.65H357V310.55ZM357 318.75H355V322.85H357V318.75ZM357 326.95H355V331.05H357V326.95ZM357 335.15H355V339.25H357V335.15ZM357 343.35H355V347.45H357V343.35ZM357 351.55H355V355.65H357V351.55ZM357 359.75H355V363.85H357V359.75ZM357 367.95H355V368H354.804V370H357V367.95ZM350.411 370V368H348.214C347.544 368 346.876 367.991 346.211 367.972L346.155 369.972C346.839 369.99 347.526 370 348.214 370H350.411Z" fill="#A3A3A3"/>
|
11
|
+
<path opacity="0.2" fill-rule="evenodd" clip-rule="evenodd" d="M267 288H185V370H193.786C234.221 370 267 337.221 267 296.786V288Z" fill="#A3A3A3"/>
|
12
|
+
<path opacity="0.2" fill-rule="evenodd" clip-rule="evenodd" d="M173 370H92L92 288H100.679C140.621 288 173 320.779 173 361.214V370Z" fill="#A3A3A3"/>
|
13
|
+
<path opacity="0.2" fill-rule="evenodd" clip-rule="evenodd" d="M0 370H82L82 288H73.2143C32.7792 288 0 320.779 0 361.214L0 370Z" fill="#A3A3A3"/>
|
14
|
+
<path opacity="0.3" fill-rule="evenodd" clip-rule="evenodd" d="M0 195.196L0 193H2.05001L2.05001 195H2V195.196H0ZM10.25 193H6.15001V195H10.25V193ZM0 199.589H2L2 201.786C2 202.456 2.00925 203.124 2.02763 203.789L0.0283928 203.845C0.00950564 203.161 0 202.474 0 201.786L0 199.589ZM0.255399 207.945L2.2485 207.779C2.35962 209.113 2.5075 210.436 2.69112 211.748L0.71042 212.026C0.521646 210.677 0.369624 209.316 0.255399 207.945ZM1.39356 216.074L3.35554 215.686C3.61493 216.997 3.91032 218.296 4.24061 219.58L2.30366 220.078C1.96402 218.757 1.66028 217.423 1.39356 216.074ZM3.43919 224.026L5.34488 223.419C5.75022 224.692 6.19038 225.949 6.66425 227.19L4.7959 227.904C4.30863 226.628 3.856 225.335 3.43919 224.026ZM6.36926 231.698L8.19436 230.88C8.74007 232.098 9.319 233.297 9.93002 234.477L8.15388 235.397C7.52566 234.183 6.93039 232.95 6.36926 231.698ZM10.1437 238.989L11.8653 237.972C12.5439 239.12 13.2537 240.247 13.9938 241.352L12.3318 242.465C11.5711 241.328 10.8413 240.17 10.1437 238.989ZM14.7113 245.812L16.3085 244.609C17.1107 245.673 17.9422 246.714 18.8017 247.731L17.2743 249.022C16.3908 247.977 15.5361 246.907 14.7113 245.812ZM20.0121 252.084L21.4652 250.709C22.3805 251.677 23.3227 252.619 24.2905 253.535L22.9163 254.988C21.9215 254.047 20.953 253.079 20.0121 252.084ZM25.9779 257.726L27.269 256.198C28.2858 257.058 29.327 257.889 30.3914 258.692L29.1876 260.289C28.0934 259.464 27.0231 258.609 25.9779 257.726ZM32.5353 262.668L33.6479 261.006C34.7533 261.746 35.8805 262.456 37.0283 263.135L36.0106 264.856C34.8305 264.159 33.6716 263.429 32.5353 262.668ZM39.6032 266.846L40.5226 265.07C41.7029 265.681 42.9025 266.26 44.1201 266.806L43.3022 268.631C42.0502 268.07 40.8167 267.474 39.6032 266.846ZM47.0963 270.204L47.8099 268.336C49.0505 268.81 50.3078 269.25 51.5805 269.655L50.9736 271.561C49.6648 271.144 48.372 270.691 47.0963 270.204ZM54.922 272.696L55.4202 270.759C56.7044 271.09 58.0026 271.385 59.3138 271.644L58.9256 273.606C57.5774 273.34 56.2425 273.036 54.922 272.696ZM62.9743 274.29L63.2515 272.309C64.5635 272.492 65.8871 272.64 67.2212 272.751L67.0552 274.745C65.6838 274.63 64.3232 274.478 62.9743 274.29ZM14.35 193V195H18.45V193H14.35ZM22.55 193V195H26.65V193H22.55ZM30.75 193V195H34.85V193H30.75ZM38.95 193V195H43.05V193H38.95ZM47.15 193V195H51.25V193H47.15ZM55.35 193V195H59.45V193H55.35ZM63.55 193V195H67.65V193H63.55ZM71.75 193V195H75.85V193H71.75ZM79.95 193V195H80V195.05H82V193H79.95ZM82 199.15H80V203.25H82V199.15ZM82 207.35H80V211.45H82V207.35ZM82 215.55H80V219.65H82V215.55ZM82 223.75H80V227.85H82V223.75ZM82 231.95H80V236.05H82V231.95ZM82 240.15H80V244.25H82V240.15ZM82 248.35H80L80 252.45H82L82 248.35ZM82 256.55H80V260.65H82V256.55ZM82 264.75H80V268.85H82V264.75ZM82 272.95H80V273H79.8036V275H82V272.95ZM75.4107 275V273H73.2143C72.5441 273 71.8762 272.991 71.2105 272.972L71.1553 274.972C71.8393 274.99 72.5257 275 73.2143 275H75.4107Z" fill="#A3A3A3"/>
|
15
|
+
<path opacity="0.2" fill-rule="evenodd" clip-rule="evenodd" d="M172 275H90L90 193H98.7857C139.221 193 172 225.779 172 266.214V275Z" fill="#A3A3A3"/>
|
16
|
+
<path opacity="0.3" fill-rule="evenodd" clip-rule="evenodd" d="M539 367.804V370H536.95V368H537V367.804H539ZM528.75 370H532.85V368H528.75V370ZM539 363.411H537V361.214C537 360.544 536.991 359.876 536.972 359.211L538.972 359.155C538.99 359.839 539 360.526 539 361.214V363.411ZM538.745 355.055L536.752 355.221C536.64 353.887 536.492 352.564 536.309 351.252L538.29 350.974C538.478 352.323 538.63 353.684 538.745 355.055ZM537.606 346.926L535.644 347.314C535.385 346.003 535.09 344.704 534.759 343.42L536.696 342.922C537.036 344.243 537.34 345.577 537.606 346.926ZM535.561 338.974L533.655 339.581C533.25 338.308 532.81 337.051 532.336 335.81L534.204 335.096C534.691 336.372 535.144 337.665 535.561 338.974ZM532.631 331.302L530.806 332.12C530.26 330.902 529.681 329.703 529.07 328.523L530.846 327.603C531.474 328.817 532.07 330.05 532.631 331.302ZM528.856 324.011L527.135 325.028C526.456 323.88 525.746 322.753 525.006 321.648L526.668 320.535C527.429 321.672 528.159 322.83 528.856 324.011ZM524.289 317.188L522.692 318.391C521.889 317.327 521.058 316.286 520.198 315.269L521.726 313.978C522.609 315.023 523.464 316.093 524.289 317.188ZM518.988 310.916L517.535 312.291C516.619 311.323 515.677 310.381 514.709 309.465L516.084 308.012C517.079 308.953 518.047 309.921 518.988 310.916ZM513.022 305.274L511.731 306.802C510.714 305.942 509.673 305.111 508.609 304.308L509.812 302.711C510.907 303.536 511.977 304.391 513.022 305.274ZM506.465 300.332L505.352 301.994C504.247 301.254 503.12 300.544 501.972 299.865L502.989 298.144C504.17 298.841 505.328 299.571 506.465 300.332ZM499.397 296.154L498.477 297.93C497.297 297.319 496.098 296.74 494.88 296.194L495.698 294.369C496.95 294.93 498.183 295.526 499.397 296.154ZM491.904 292.796L491.19 294.664C489.949 294.19 488.692 293.75 487.419 293.345L488.026 291.439C489.335 291.856 490.628 292.309 491.904 292.796ZM484.078 290.304L483.58 292.241C482.296 291.91 480.997 291.615 479.686 291.356L480.074 289.394C481.423 289.66 482.757 289.964 484.078 290.304ZM476.026 288.71L475.748 290.691C474.436 290.507 473.113 290.36 471.779 290.248L471.945 288.255C473.316 288.37 474.677 288.522 476.026 288.71ZM524.65 370V368H520.55V370H524.65ZM516.45 370V368H512.35V370H516.45ZM508.25 370V368H504.15V370H508.25ZM500.05 370V368H495.95V370H500.05ZM491.85 370V368H487.75V370H491.85ZM483.65 370V368H479.55V370H483.65ZM475.45 370V368H471.35V370H475.45ZM467.25 370V368H463.15V370H467.25ZM459.05 370V368H459V367.95H457V370H459.05ZM457 363.85H459V359.75H457V363.85ZM457 355.65H459V351.55H457V355.65ZM457 347.45H459V343.35H457V347.45ZM457 339.25H459V335.15H457V339.25ZM457 331.05H459V326.95H457V331.05ZM457 322.85H459V318.75H457V322.85ZM457 314.65H459V310.55H457V314.65ZM457 306.45H459V302.35H457V306.45ZM457 298.25H459V294.15H457V298.25ZM457 290.05H459V290H459.196V288H457V290.05ZM463.589 288V290H465.786C466.456 290 467.124 290.009 467.789 290.028L467.845 288.028C467.161 288.01 466.474 288 465.786 288H463.589Z" fill="#A3A3A3"/>
|
17
|
+
<path opacity="0.2" fill-rule="evenodd" clip-rule="evenodd" d="M366 370H447V288H438.321C398.379 288 366 320.779 366 361.214V370Z" fill="#A3A3A3"/>
|
18
|
+
<path opacity="0.2" fill-rule="evenodd" clip-rule="evenodd" d="M366 193H447V275H438.321C398.379 275 366 242.221 366 201.786V193Z" fill="#A3A3A3"/>
|
19
|
+
<path opacity="0.2" fill-rule="evenodd" clip-rule="evenodd" d="M537 275H456V193H464.679C504.621 193 537 225.779 537 266.214V275Z" fill="#A3A3A3"/>
|
20
|
+
<path opacity="0.3" fill-rule="evenodd" clip-rule="evenodd" d="M265 272.804V275H262.975V273H263V272.804H265ZM254.875 275H258.925V273H254.875V275ZM265 268.411H263V266.214C263 265.548 262.991 264.884 262.973 264.222L264.972 264.168C264.991 264.848 265 265.53 265 266.214V268.411ZM264.751 260.092L262.757 260.255C262.649 258.929 262.505 257.612 262.325 256.308L264.307 256.035C264.491 257.376 264.639 258.729 264.751 260.092ZM263.64 252.009L261.676 252.39C261.423 251.086 261.134 249.794 260.812 248.516L262.751 248.026C263.083 249.34 263.379 250.668 263.64 252.009ZM261.641 244.097L259.733 244.694C259.336 243.426 258.906 242.174 258.442 240.938L260.315 240.235C260.791 241.506 261.234 242.794 261.641 244.097ZM258.776 236.454L256.945 237.26C256.411 236.045 255.844 234.849 255.245 233.671L257.028 232.765C257.643 233.976 258.226 235.206 258.776 236.454ZM255.078 229.179L253.348 230.183C252.683 229.036 251.987 227.91 251.261 226.806L252.932 225.707C253.678 226.843 254.394 228 255.078 229.179ZM250.596 222.36L248.988 223.55C248.2 222.484 247.383 221.442 246.538 220.424L248.077 219.147C248.945 220.193 249.786 221.265 250.596 222.36ZM245.384 216.079L243.918 217.44C243.017 216.47 242.089 215.525 241.136 214.607L242.524 213.166C243.504 214.11 244.457 215.082 245.384 216.079ZM239.506 210.418L238.201 211.933C237.198 211.07 236.171 210.234 235.121 209.428L236.339 207.842C237.419 208.671 238.475 209.53 239.506 210.418ZM233.032 205.448L231.905 207.1C230.813 206.355 229.699 205.641 228.564 204.958L229.596 203.244C230.763 203.947 231.909 204.682 233.032 205.448ZM226.041 201.239L225.108 203.008C223.94 202.392 222.752 201.808 221.547 201.258L222.378 199.438C223.618 200.004 224.839 200.605 226.041 201.239ZM218.617 197.85L217.892 199.714C216.662 199.235 215.416 198.791 214.154 198.381L214.771 196.479C216.07 196.9 217.352 197.358 218.617 197.85ZM210.853 195.331L210.346 197.266C209.071 196.932 207.783 196.633 206.482 196.371L206.877 194.41C208.216 194.68 209.541 194.988 210.853 195.331ZM202.855 193.719L202.573 195.699C201.27 195.513 199.956 195.364 198.631 195.251L198.8 193.259C200.163 193.374 201.515 193.528 202.855 193.719ZM250.825 275V273H246.775V275H250.825ZM242.725 275V273H238.675V275H242.725ZM234.625 275V273H230.575V275H234.625ZM226.525 275V273H222.475V275H226.525ZM218.425 275V273H214.375V275H218.425ZM210.325 275V273H206.275V275H210.325ZM202.225 275V273H198.175V275H202.225ZM194.125 275V273H190.075V275H194.125ZM186.025 275V273H186V272.95H184V275H186.025ZM184 268.85H186V264.75H184V268.85ZM184 260.65H186V256.55H184V260.65ZM184 252.45H186V248.35H184V252.45ZM184 244.25H186V240.15H184V244.25ZM184 236.05H186V231.95H184V236.05ZM184 227.85H186V223.75H184V227.85ZM184 219.65H186V215.55H184V219.65ZM184 211.45H186V207.35H184V211.45ZM184 203.25H186V199.15H184V203.25ZM184 195.05H186V195H186.17V193H184V195.05ZM190.509 193V195H192.679C193.344 195 194.008 195.009 194.669 195.028L194.725 193.029C194.045 193.01 193.363 193 192.679 193H190.509Z" fill="#A3A3A3"/>
|
21
|
+
<path opacity="0.2" fill-rule="evenodd" clip-rule="evenodd" d="M275 275H357V193H348.214C307.779 193 275 225.779 275 266.214V275Z" fill="#A3A3A3"/>
|
22
22
|
</svg>
|
@@ -1,8 +1,8 @@
|
|
1
1
|
:where(:root, .pf-v6-c-action-list) {
|
2
|
-
--pf-v6-c-action-list--RowGap: var(--pf-t--global--spacer--
|
3
|
-
--pf-v6-c-action-list--ColumnGap: var(--pf-t--global--spacer--
|
4
|
-
--pf-v6-c-action-list__group--ColumnGap: var(--pf-t--global--spacer--
|
5
|
-
--pf-v6-c-action-list--m-icons--ColumnGap: var(--pf-t--global--spacer--
|
2
|
+
--pf-v6-c-action-list--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
|
3
|
+
--pf-v6-c-action-list--ColumnGap: var(--pf-t--global--spacer--gap--group-to-group--horizontal);
|
4
|
+
--pf-v6-c-action-list__group--ColumnGap: var(--pf-t--global--spacer--gap--action-to-action--default);
|
5
|
+
--pf-v6-c-action-list--m-icons--ColumnGap: var(--pf-t--global--spacer--gap--action-to-action--plain);
|
6
6
|
}
|
7
7
|
|
8
8
|
.pf-v6-c-action-list,
|
@@ -1,4 +1,4 @@
|
|
1
|
-
.pf-v6-c-alert-group {
|
1
|
+
:where(:root, .pf-v6-c-alert-group) {
|
2
2
|
--pf-v6-c-alert-group__item--MarginBlockStart: var(--pf-t--global--spacer--md);
|
3
3
|
--pf-v6-c-alert-group--m-toast--InsetBlockStart: var(--pf-t--global--spacer--2xl);
|
4
4
|
--pf-v6-c-alert-group--m-toast--InsetInlineEnd: var(--pf-t--global--spacer--xl);
|
@@ -21,6 +21,7 @@
|
|
21
21
|
--pf-v6-c-alert-group__overflow-button--active--Color: var(--pf-t--global--text--color--link--hover);
|
22
22
|
--pf-v6-c-alert-group__overflow-button--active--BoxShadow: var(--pf-t--global--box-shadow--lg), var(--pf-t--global--box-shadow--lg--bottom);
|
23
23
|
}
|
24
|
+
|
24
25
|
.pf-v6-c-alert-group > * + * {
|
25
26
|
margin-block-start: var(--pf-v6-c-alert-group__item--MarginBlockStart);
|
26
27
|
}
|
@@ -32,12 +32,12 @@
|
|
32
32
|
--pf-v6-c-banner--m-orangered--Color: var(--pf-t--global--text--color--nonstatus--on-orangered--default);
|
33
33
|
--pf-v6-c-banner--m-orange--BackgroundColor: var(--pf-t--global--color--nonstatus--orange--default);
|
34
34
|
--pf-v6-c-banner--m-orange--Color: var(--pf-t--global--text--color--nonstatus--on-orange--default);
|
35
|
-
--pf-v6-c-banner--m-
|
36
|
-
--pf-v6-c-banner--m-
|
35
|
+
--pf-v6-c-banner--m-yellow--BackgroundColor: var(--pf-t--global--color--nonstatus--yellow--default);
|
36
|
+
--pf-v6-c-banner--m-yellow--Color: var(--pf-t--global--text--color--nonstatus--on-yellow--default);
|
37
37
|
--pf-v6-c-banner--m-green--BackgroundColor: var(--pf-t--global--color--nonstatus--green--default);
|
38
38
|
--pf-v6-c-banner--m-green--Color: var(--pf-t--global--text--color--nonstatus--on-green--default);
|
39
|
-
--pf-v6-c-banner--m-
|
40
|
-
--pf-v6-c-banner--m-
|
39
|
+
--pf-v6-c-banner--m-teal--BackgroundColor: var(--pf-t--global--color--nonstatus--teal--default);
|
40
|
+
--pf-v6-c-banner--m-teal--Color: var(--pf-t--global--text--color--nonstatus--on-teal--default);
|
41
41
|
--pf-v6-c-banner--m-blue--BackgroundColor: var(--pf-t--global--color--nonstatus--blue--default);
|
42
42
|
--pf-v6-c-banner--m-blue--Color: var(--pf-t--global--text--color--nonstatus--on-blue--default);
|
43
43
|
--pf-v6-c-banner--m-purple--BackgroundColor: var(--pf-t--global--color--nonstatus--purple--default);
|
@@ -93,17 +93,17 @@
|
|
93
93
|
--pf-v6-c-banner--BackgroundColor: var(--pf-v6-c-banner--m-orange--BackgroundColor);
|
94
94
|
--pf-v6-c-banner--Color: var(--pf-v6-c-banner--m-orange--Color);
|
95
95
|
}
|
96
|
-
.pf-v6-c-banner.pf-m-
|
97
|
-
--pf-v6-c-banner--BackgroundColor: var(--pf-v6-c-banner--m-
|
98
|
-
--pf-v6-c-banner--Color: var(--pf-v6-c-banner--m-
|
96
|
+
.pf-v6-c-banner.pf-m-yellow {
|
97
|
+
--pf-v6-c-banner--BackgroundColor: var(--pf-v6-c-banner--m-yellow--BackgroundColor);
|
98
|
+
--pf-v6-c-banner--Color: var(--pf-v6-c-banner--m-yellow--Color);
|
99
99
|
}
|
100
100
|
.pf-v6-c-banner.pf-m-green {
|
101
101
|
--pf-v6-c-banner--BackgroundColor: var(--pf-v6-c-banner--m-green--BackgroundColor);
|
102
102
|
--pf-v6-c-banner--Color: var(--pf-v6-c-banner--m-green--Color);
|
103
103
|
}
|
104
|
-
.pf-v6-c-banner.pf-m-
|
105
|
-
--pf-v6-c-banner--BackgroundColor: var(--pf-v6-c-banner--m-
|
106
|
-
--pf-v6-c-banner--Color: var(--pf-v6-c-banner--m-
|
104
|
+
.pf-v6-c-banner.pf-m-teal {
|
105
|
+
--pf-v6-c-banner--BackgroundColor: var(--pf-v6-c-banner--m-teal--BackgroundColor);
|
106
|
+
--pf-v6-c-banner--Color: var(--pf-v6-c-banner--m-teal--Color);
|
107
107
|
}
|
108
108
|
.pf-v6-c-banner.pf-m-blue {
|
109
109
|
--pf-v6-c-banner--BackgroundColor: var(--pf-v6-c-banner--m-blue--BackgroundColor);
|
@@ -11,9 +11,9 @@ declare const _default: {
|
|
11
11
|
"red": "pf-m-red",
|
12
12
|
"orangered": "pf-m-orangered",
|
13
13
|
"orange": "pf-m-orange",
|
14
|
-
"
|
14
|
+
"yellow": "pf-m-yellow",
|
15
15
|
"green": "pf-m-green",
|
16
|
-
"
|
16
|
+
"teal": "pf-m-teal",
|
17
17
|
"blue": "pf-m-blue",
|
18
18
|
"purple": "pf-m-purple",
|
19
19
|
"sticky": "pf-m-sticky",
|
@@ -13,9 +13,9 @@ exports.default = {
|
|
13
13
|
"red": "pf-m-red",
|
14
14
|
"orangered": "pf-m-orangered",
|
15
15
|
"orange": "pf-m-orange",
|
16
|
-
"
|
16
|
+
"yellow": "pf-m-yellow",
|
17
17
|
"green": "pf-m-green",
|
18
|
-
"
|
18
|
+
"teal": "pf-m-teal",
|
19
19
|
"blue": "pf-m-blue",
|
20
20
|
"purple": "pf-m-purple",
|
21
21
|
"sticky": "pf-m-sticky",
|
@@ -11,9 +11,9 @@ export default {
|
|
11
11
|
"red": "pf-m-red",
|
12
12
|
"orangered": "pf-m-orangered",
|
13
13
|
"orange": "pf-m-orange",
|
14
|
-
"
|
14
|
+
"yellow": "pf-m-yellow",
|
15
15
|
"green": "pf-m-green",
|
16
|
-
"
|
16
|
+
"teal": "pf-m-teal",
|
17
17
|
"blue": "pf-m-blue",
|
18
18
|
"purple": "pf-m-purple",
|
19
19
|
"sticky": "pf-m-sticky",
|
@@ -1,6 +1,9 @@
|
|
1
|
-
.pf-v6-c-brand {
|
1
|
+
:where(:root, .pf-v6-c-brand) {
|
2
2
|
--pf-v6-c-brand--Width: auto;
|
3
3
|
--pf-v6-c-brand--Height: auto;
|
4
|
+
}
|
5
|
+
|
6
|
+
.pf-v6-c-brand {
|
4
7
|
width: var(--pf-v6-c-brand--Width--base);
|
5
8
|
height: var(--pf-v6-c-brand--Height--base);
|
6
9
|
--pf-v6-c-brand--Width--base: var(--pf-v6-c-brand--Width);
|
@@ -1,5 +1,8 @@
|
|
1
1
|
:where(:root, .pf-v6-c-button) {
|
2
|
-
--pf-v6-c-button--Display: inline-
|
2
|
+
--pf-v6-c-button--Display: inline-flex;
|
3
|
+
--pf-v6-c-button--AlignItems: baseline;
|
4
|
+
--pf-v6-c-button--JustifyContent: center;
|
5
|
+
--pf-v6-c-button--Gap: var(--pf-t--global--spacer--gap--text-to-element--default);
|
3
6
|
--pf-v6-c-button--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
4
7
|
--pf-v6-c-button--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
5
8
|
--pf-v6-c-button--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
@@ -80,6 +83,7 @@
|
|
80
83
|
--pf-v6-c-button--m-link--m-danger--m-clicked--Color: var(--pf-t--global--text--color--status--danger--clicked);
|
81
84
|
--pf-v6-c-button--m-link--m-danger--m-clicked--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
|
82
85
|
--pf-v6-c-button--m-link--m-danger--m-clicked__icon--Color: var(--pf-t--global--text--color--status--danger--clicked);
|
86
|
+
--pf-v6-c-button--m-link--m-inline--Display: inline-flex;
|
83
87
|
--pf-v6-c-button--m-link--m-inline--FontSize: initial;
|
84
88
|
--pf-v6-c-button--m-link--m-inline--LineHeight: initial;
|
85
89
|
--pf-v6-c-button--m-link--m-inline--FontWeight: initial;
|
@@ -92,6 +96,9 @@
|
|
92
96
|
--pf-v6-c-button--m-link--m-inline--m-in-progress--PaddingInlineStart: calc(var(--pf-v6-c-button--m-link--m-inline__progress--InsetInlineStart) + 1rem + var(--pf-t--global--spacer--sm));
|
93
97
|
--pf-v6-c-button--m-link--m-inline--disabled--Color: var(--pf-t--global--text--color--disabled);
|
94
98
|
--pf-v6-c-button--m-link--m-inline--disabled__icon--Color: var(--pf-t--global--icon--color--disabled);
|
99
|
+
--pf-v6-c-button--span--m-link--m-inline--Display: inline;
|
100
|
+
--pf-v6-c-button--span--m-link--m-inline__icon--m-start--MarginInlineEnd: var(--pf-t--global--spacer--xs);
|
101
|
+
--pf-v6-c-button--span--m-link--m-inline__icon--m-end--MarginInlineStart: var(--pf-t--global--spacer--xs);
|
95
102
|
--pf-v6-c-button--m-plain--BorderRadius: var(--pf-t--global--border--radius--small);
|
96
103
|
--pf-v6-c-button--m-plain--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
97
104
|
--pf-v6-c-button--m-plain--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
@@ -104,7 +111,8 @@
|
|
104
111
|
--pf-v6-c-button--m-plain--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
|
105
112
|
--pf-v6-c-button--m-plain--m-clicked--Color: var(--pf-t--global--icon--color--regular);
|
106
113
|
--pf-v6-c-button--m-plain--m-clicked--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
|
107
|
-
--pf-v6-c-button--m-plain--disabled--Color: var(--pf-t--global--
|
114
|
+
--pf-v6-c-button--m-plain--disabled--Color: var(--pf-t--global--text--color--disabled);
|
115
|
+
--pf-v6-c-button--m-plain--disabled__icon--Color: var(--pf-t--global--icon--color--disabled);
|
108
116
|
--pf-v6-c-button--m-plain--disabled--BackgroundColor: transparent;
|
109
117
|
--pf-v6-c-button--m-plain--m-small--PaddingBlockStart: var(--pf-t--global--spacer--xs);
|
110
118
|
--pf-v6-c-button--m-plain--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--xs);
|
@@ -199,8 +207,10 @@
|
|
199
207
|
--pf-v6-c-button__icon--Color: var(--pf-t--global--icon--color--regular);
|
200
208
|
--pf-v6-c-button--hover__icon--Color: var(--pf-t--global--icon--color--regular);
|
201
209
|
--pf-v6-c-button--m-clicked__icon--Color: var(--pf-t--global--icon--color--regular);
|
202
|
-
--pf-v6-c-button__icon--
|
203
|
-
--pf-v6-c-button__icon--
|
210
|
+
--pf-v6-c-button__icon--MarginInlineStart: 0;
|
211
|
+
--pf-v6-c-button__icon--MarginInlineEnd: 0;
|
212
|
+
--pf-v6-c-button__icon--m-start--MarginInlineEnd: 0;
|
213
|
+
--pf-v6-c-button__icon--m-end--MarginInlineStart: 0;
|
204
214
|
--pf-v6-c-button__progress--width: calc(var(--pf-v6-c-spinner--m-md--diameter) + var(--pf-t--global--spacer--sm));
|
205
215
|
--pf-v6-c-button__progress--Opacity: 0;
|
206
216
|
--pf-v6-c-button__progress--TranslateY: -50%;
|
@@ -215,16 +225,17 @@
|
|
215
225
|
--pf-v6-c-button--m-in-progress--m-plain--Color: var(--pf-v6-c-spinner--Color);
|
216
226
|
--pf-v6-c-button--m-in-progress--m-plain__progress--InsetInlineStart: 50%;
|
217
227
|
--pf-v6-c-button--m-in-progress--m-plain__progress--TranslateX: -50%;
|
218
|
-
--pf-v6-c-button__count--MarginInlineStart: var(--pf-t--global--spacer--sm);
|
219
228
|
--pf-v6-c-button--m-primary__c-badge--BorderColor: var(--pf-t--global--border--color--default);
|
229
|
+
--pf-v6-c-button--m-block--Display: flex;
|
230
|
+
--pf-v6-c-button--m-block--Width: 100%;
|
220
231
|
}
|
221
232
|
|
222
233
|
.pf-v6-c-button {
|
223
234
|
position: relative;
|
224
235
|
display: var(--pf-v6-c-button--Display);
|
225
|
-
|
226
|
-
align-items: var(--pf-v6-c-button--AlignItems
|
227
|
-
justify-content: var(--pf-v6-c-button--JustifyContent
|
236
|
+
gap: var(--pf-v6-c-button--Gap);
|
237
|
+
align-items: var(--pf-v6-c-button--AlignItems);
|
238
|
+
justify-content: var(--pf-v6-c-button--JustifyContent);
|
228
239
|
padding-block-start: var(--pf-v6-c-button--PaddingBlockStart);
|
229
240
|
padding-block-end: var(--pf-v6-c-button--PaddingBlockEnd);
|
230
241
|
padding-inline-start: var(--pf-v6-c-button--PaddingInlineStart);
|
@@ -323,6 +334,7 @@
|
|
323
334
|
--pf-v6-c-button--m-clicked__icon--Color: var(--pf-v6-c-button--m-link--m-clicked__icon--Color);
|
324
335
|
}
|
325
336
|
.pf-v6-c-button.pf-m-link.pf-m-inline {
|
337
|
+
--pf-v6-c-button--Display: var(--pf-v6-c-button--m-link--m-inline--Display);
|
326
338
|
--pf-v6-c-button--FontSize: var(--pf-v6-c-button--m-link--m-inline--FontSize);
|
327
339
|
--pf-v6-c-button--LineHeight: var(--pf-v6-c-button--m-link--m-inline--LineHeight);
|
328
340
|
--pf-v6-c-button--FontWeight: var(--pf-v6-c-button--m-link--m-inline--FontWeight);
|
@@ -338,11 +350,16 @@
|
|
338
350
|
--pf-v6-c-button--disabled--BackgroundColor: transparent;
|
339
351
|
--pf-v6-c-button--disabled--Color: var(--pf-v6-c-button--m-link--m-inline--disabled--Color);
|
340
352
|
--pf-v6-c-button--disabled__icon--Color: var(--pf-v6-c-button--m-link--m-inline--disabled__icon--Color);
|
341
|
-
display: inline;
|
342
353
|
text-align: start;
|
343
354
|
white-space: normal;
|
344
355
|
outline-offset: 0.125rem;
|
345
356
|
}
|
357
|
+
span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
358
|
+
--pf-v6-c-button--m-link--m-inline--Display: var(--pf-v6-c-button--span--m-link--m-inline--Display);
|
359
|
+
--pf-v6-c-button__icon--m-start--MarginInlineEnd: var(--pf-v6-c-button--span--m-link--m-inline__icon--m-start--MarginInlineEnd);
|
360
|
+
--pf-v6-c-button__icon--m-end--MarginInlineStart: var(--pf-v6-c-button--span--m-link--m-inline__icon--m-end--MarginInlineStart);
|
361
|
+
}
|
362
|
+
|
346
363
|
.pf-v6-c-button.pf-m-link.pf-m-danger {
|
347
364
|
--pf-v6-c-button--m-danger--Color: var(--pf-v6-c-button--m-link--m-danger--Color);
|
348
365
|
--pf-v6-c-button--m-danger--BackgroundColor: var(--pf-v6-c-button--m-link--m-danger--BackgroundColor);
|
@@ -448,6 +465,7 @@
|
|
448
465
|
--pf-v6-c-button--m-clicked--Color: var(--pf-v6-c-button--m-plain--m-clicked--Color);
|
449
466
|
--pf-v6-c-button--m-clicked--BackgroundColor: var(--pf-v6-c-button--m-plain--m-clicked--BackgroundColor);
|
450
467
|
--pf-v6-c-button--disabled--Color: var(--pf-v6-c-button--m-plain--disabled--Color);
|
468
|
+
--pf-v6-c-button--disabled__icon--Color: var(--pf-v6-c-button--m-plain--disabled__icon--Color);
|
451
469
|
--pf-v6-c-button--disabled--BackgroundColor: var(--pf-v6-c-button--m-plain--disabled--BackgroundColor);
|
452
470
|
--pf-v6-c-button--m-small--PaddingBlockStart: var(--pf-v6-c-button--m-plain--m-small--PaddingBlockStart);
|
453
471
|
--pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-v6-c-button--m-plain--m-small--PaddingInlineEnd);
|
@@ -466,8 +484,8 @@
|
|
466
484
|
min-width: var(--pf-v6-c-button--m-plain--m-no-padding--MinWidth);
|
467
485
|
}
|
468
486
|
.pf-v6-c-button.pf-m-block {
|
469
|
-
|
470
|
-
width:
|
487
|
+
--pf-v6-c-button--Display: var(--pf-v6-c-button--m-block--Display);
|
488
|
+
width: var(--pf-v6-c-button--m-block--Width);
|
471
489
|
}
|
472
490
|
.pf-v6-c-button.pf-m-small {
|
473
491
|
--pf-v6-c-button--PaddingBlockStart: var(--pf-v6-c-button--m-small--PaddingBlockStart);
|
@@ -534,13 +552,15 @@
|
|
534
552
|
}
|
535
553
|
|
536
554
|
.pf-v6-c-button__icon {
|
555
|
+
margin-inline-start: var(--pf-v6-c-button__icon--MarginInlineStart);
|
556
|
+
margin-inline-end: var(--pf-v6-c-button__icon--MarginInlineEnd);
|
537
557
|
color: var(--pf-v6-c-button__icon--Color);
|
538
558
|
}
|
539
559
|
.pf-v6-c-button__icon.pf-m-start {
|
540
|
-
|
560
|
+
--pf-v6-c-button__icon--MarginInlineEnd: var(--pf-v6-c-button__icon--m-start--MarginInlineEnd);
|
541
561
|
}
|
542
562
|
.pf-v6-c-button__icon.pf-m-end {
|
543
|
-
|
563
|
+
--pf-v6-c-button__icon--MarginInlineStart: var(--pf-v6-c-button__icon--m-end--MarginInlineStart);
|
544
564
|
}
|
545
565
|
|
546
566
|
.pf-v6-c-button__progress {
|
@@ -558,5 +578,4 @@
|
|
558
578
|
.pf-v6-c-button__count {
|
559
579
|
display: inline-flex;
|
560
580
|
align-items: center;
|
561
|
-
margin-inline-start: var(--pf-v6-c-button__count--MarginInlineStart);
|
562
581
|
}
|
@@ -58,7 +58,7 @@
|
|
58
58
|
--pf-v6-c-calendar-month__date--after--focus--OutlineOffset: -2px;
|
59
59
|
}
|
60
60
|
|
61
|
-
|
61
|
+
.pf-v6-c-calendar-month {
|
62
62
|
display: inline-flex;
|
63
63
|
flex-direction: column;
|
64
64
|
padding-block-start: var(--pf-v6-c-calendar-month--PaddingBlockStart);
|
@@ -77,14 +77,24 @@
|
|
77
77
|
flex-direction: column;
|
78
78
|
overflow: auto;
|
79
79
|
background-color: var(--pf-v6-c-card--BackgroundColor);
|
80
|
-
border:
|
80
|
+
border: 0;
|
81
81
|
border-radius: var(--pf-v6-c-card--BorderRadius);
|
82
82
|
}
|
83
|
+
.pf-v6-c-card::before {
|
84
|
+
position: absolute;
|
85
|
+
inset: 0;
|
86
|
+
pointer-events: none;
|
87
|
+
content: "";
|
88
|
+
border: var(--pf-v6-c-card--BorderColor) var(--pf-v6-c-card--BorderStyle) var(--pf-v6-c-card--BorderWidth);
|
89
|
+
border-radius: inherit;
|
90
|
+
}
|
83
91
|
.pf-v6-c-card.pf-m-selectable .pf-v6-c-card__selectable-actions :is(.pf-v6-c-check, .pf-v6-c-radio) {
|
84
92
|
gap: 0;
|
85
93
|
}
|
86
94
|
.pf-v6-c-card.pf-m-selectable, .pf-v6-c-card.pf-m-clickable {
|
87
95
|
isolation: isolate;
|
96
|
+
}
|
97
|
+
.pf-v6-c-card.pf-m-selectable::before, .pf-v6-c-card.pf-m-clickable::before {
|
88
98
|
border: none;
|
89
99
|
}
|
90
100
|
.pf-v6-c-card.pf-m-selectable.pf-m-clickable .pf-v6-c-card__selectable-actions .pf-v6-c-check__label,
|
@@ -15,18 +15,15 @@
|
|
15
15
|
--pf-v6-c-clipboard-copy__expandable-content--BorderRadius: var(--pf-t--global--border--radius--small);
|
16
16
|
--pf-v6-c-clipboard-copy__expandable-content--OutlineOffset: var(--pf-t--global--spacer--xs);
|
17
17
|
--pf-v6-c-clipboard-copy__group--Gap: var(--pf-t--global--spacer--xs);
|
18
|
-
--pf-v6-c-clipboard-copy--m-inline--PaddingBlockStart: 0;
|
19
|
-
--pf-v6-c-clipboard-copy--m-inline--PaddingBlockEnd: 0;
|
20
18
|
--pf-v6-c-clipboard-copy--m-inline--PaddingInlineStart: var(--pf-t--global--spacer--xs);
|
19
|
+
--pf-v6-c-clipboard-copy--m-inline--PaddingInlineEnd: var(--pf-t--global--spacer--xs);
|
21
20
|
--pf-v6-c-clipboard-copy--m-inline--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
21
|
+
--pf-v6-c-clipboard-copy__actions--Gap: var(--pf-t--global--spacer--sm);
|
22
|
+
--pf-v6-c-clipboard-copy__actions--MarginInlineStart: var(--pf-t--global--spacer--xs);
|
23
|
+
--pf-v6-c-clipboard-copy__actions-item--button--Color: var(--pf-t--global--icon--color--subtle);
|
24
|
+
--pf-v6-c-clipboard-copy__actions-item--button--hover--Color: var(--pf-t--global--icon--color--regular);
|
22
25
|
--pf-v6-c-clipboard-copy__text--m-code--FontFamily: var(--pf-t--global--font--family--mono);
|
23
26
|
--pf-v6-c-clipboard-copy__text--m-code--FontSize: var(--pf-t--global--font--size--body--default);
|
24
|
-
--pf-v6-c-clipboard-copy__actions-item--MarginBlockStart: calc(-1 * var(--pf-t--global--spacer--xs));
|
25
|
-
--pf-v6-c-clipboard-copy__actions-item--MarginBlockEnd: calc(-1 * var(--pf-t--global--spacer--xs));
|
26
|
-
--pf-v6-c-clipboard-copy__actions-item--button--PaddingBlockStart: var(--pf-t--global--spacer--xs);
|
27
|
-
--pf-v6-c-clipboard-copy__actions-item--button--PaddingInlineEnd: var(--pf-t--global--spacer--xs);
|
28
|
-
--pf-v6-c-clipboard-copy__actions-item--button--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
|
29
|
-
--pf-v6-c-clipboard-copy__actions-item--button--PaddingInlineStart: var(--pf-t--global--spacer--xs);
|
30
27
|
}
|
31
28
|
|
32
29
|
.pf-v6-c-clipboard-copy.pf-m-expanded .pf-v6-c-clipboard-copy__toggle-icon {
|
@@ -34,9 +31,8 @@
|
|
34
31
|
}
|
35
32
|
.pf-v6-c-clipboard-copy.pf-m-inline {
|
36
33
|
display: inline;
|
37
|
-
padding-block-start: var(--pf-v6-c-clipboard-copy--m-inline--PaddingBlockStart);
|
38
|
-
padding-block-end: var(--pf-v6-c-clipboard-copy--m-inline--PaddingBlockEnd);
|
39
34
|
padding-inline-start: var(--pf-v6-c-clipboard-copy--m-inline--PaddingInlineStart);
|
35
|
+
padding-inline-end: var(--pf-v6-c-clipboard-copy--m-inline--PaddingInlineEnd);
|
40
36
|
white-space: nowrap;
|
41
37
|
background-color: var(--pf-v6-c-clipboard-copy--m-inline--BackgroundColor);
|
42
38
|
}
|
@@ -91,15 +87,11 @@
|
|
91
87
|
|
92
88
|
.pf-v6-c-clipboard-copy__actions {
|
93
89
|
display: inline-flex;
|
90
|
+
gap: var(--pf-v6-c-clipboard-copy__actions--Gap);
|
91
|
+
margin-inline-start: var(--pf-v6-c-clipboard-copy__actions--MarginInlineStart);
|
94
92
|
}
|
95
93
|
|
96
|
-
.pf-v6-c-clipboard-copy__actions-item {
|
97
|
-
|
98
|
-
|
99
|
-
}
|
100
|
-
.pf-v6-c-clipboard-copy__actions-item .pf-v6-c-button {
|
101
|
-
--pf-v6-c-button--PaddingBlockStart: var(--pf-v6-c-clipboard-copy__actions-item--button--PaddingBlockStart);
|
102
|
-
--pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-clipboard-copy__actions-item--button--PaddingInlineEnd);
|
103
|
-
--pf-v6-c-button--PaddingBlockEnd: var(--pf-v6-c-clipboard-copy__actions-item--button--PaddingBlockEnd);
|
104
|
-
--pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-clipboard-copy__actions-item--button--PaddingInlineStart);
|
94
|
+
.pf-v6-c-clipboard-copy__actions-item .pf-v6-c-button.pf-m-plain {
|
95
|
+
--pf-v6-c-button--m-plain--Color: var(--pf-v6-c-clipboard-copy__actions-item--button--Color);
|
96
|
+
--pf-v6-c-button--m-plain--hover--Color: var(--pf-v6-c-clipboard-copy__actions-item--button--hover--Color);
|
105
97
|
}
|