@patternfly/react-tokens 4.55.0 → 4.56.0

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.
Files changed (86) hide show
  1. package/CHANGELOG.md +27 -0
  2. package/dist/esm/c_tabs.d.ts +310 -11
  3. package/dist/esm/c_tabs.js +310 -11
  4. package/dist/esm/c_tabs__add_before_BorderColor.d.ts +6 -0
  5. package/dist/esm/c_tabs__add_before_BorderColor.js +6 -0
  6. package/dist/esm/c_tabs__add_before_BorderLeftWidth.d.ts +6 -0
  7. package/dist/esm/c_tabs__add_before_BorderLeftWidth.js +6 -0
  8. package/dist/esm/c_tabs__add_c_button_FontSize.d.ts +6 -0
  9. package/dist/esm/c_tabs__add_c_button_FontSize.js +6 -0
  10. package/dist/esm/c_tabs__add_c_button_PaddingBottom.d.ts +6 -0
  11. package/dist/esm/c_tabs__add_c_button_PaddingBottom.js +6 -0
  12. package/dist/esm/c_tabs__add_c_button_PaddingTop.d.ts +6 -0
  13. package/dist/esm/c_tabs__add_c_button_PaddingTop.js +6 -0
  14. package/dist/esm/c_tabs__item_close_c_button_FontSize.d.ts +6 -0
  15. package/dist/esm/c_tabs__item_close_c_button_FontSize.js +6 -0
  16. package/dist/esm/c_tabs__item_close_c_button_OutlineOffset.d.ts +6 -0
  17. package/dist/esm/c_tabs__item_close_c_button_OutlineOffset.js +6 -0
  18. package/dist/esm/c_tabs__item_close_c_button_PaddingBottom.d.ts +6 -0
  19. package/dist/esm/c_tabs__item_close_c_button_PaddingBottom.js +6 -0
  20. package/dist/esm/c_tabs__item_close_c_button_PaddingLeft.d.ts +6 -0
  21. package/dist/esm/c_tabs__item_close_c_button_PaddingLeft.js +6 -0
  22. package/dist/esm/c_tabs__item_close_c_button_PaddingTop.d.ts +6 -0
  23. package/dist/esm/c_tabs__item_close_c_button_PaddingTop.js +6 -0
  24. package/dist/esm/c_tabs__item_close_icon_MarginTop.d.ts +6 -0
  25. package/dist/esm/c_tabs__item_close_icon_MarginTop.js +6 -0
  26. package/dist/esm/c_tabs__item_m_action__link_PaddingRight.d.ts +6 -0
  27. package/dist/esm/c_tabs__item_m_action__link_PaddingRight.js +6 -0
  28. package/dist/esm/c_tabs__item_m_action_before_ZIndex.d.ts +6 -0
  29. package/dist/esm/c_tabs__item_m_action_before_ZIndex.js +6 -0
  30. package/dist/esm/c_tabs__link_PaddingRight.d.ts +1 -1
  31. package/dist/esm/c_tabs__link_PaddingRight.js +1 -1
  32. package/dist/esm/c_tabs__link_before_BorderLeftColor.d.ts +6 -0
  33. package/dist/esm/c_tabs__link_before_BorderLeftColor.js +6 -0
  34. package/dist/esm/c_tabs__link_before_BorderTopColor.d.ts +6 -0
  35. package/dist/esm/c_tabs__link_before_BorderTopColor.js +6 -0
  36. package/dist/esm/c_tabs_m_box__item_close_c_button_disabled_BackgroundColor.d.ts +6 -0
  37. package/dist/esm/c_tabs_m_box__item_close_c_button_disabled_BackgroundColor.js +6 -0
  38. package/dist/esm/c_tabs_m_secondary__add_c_button_FontSize.d.ts +6 -0
  39. package/dist/esm/c_tabs_m_secondary__add_c_button_FontSize.js +6 -0
  40. package/dist/esm/c_tabs_m_secondary__item_close_c_button_FontSize.d.ts +6 -0
  41. package/dist/esm/c_tabs_m_secondary__item_close_c_button_FontSize.js +6 -0
  42. package/dist/esm/index.d.ts +23 -5
  43. package/dist/esm/index.js +23 -5
  44. package/dist/js/c_tabs.d.ts +310 -11
  45. package/dist/js/c_tabs.js +310 -11
  46. package/dist/js/c_tabs__add_before_BorderColor.d.ts +6 -0
  47. package/dist/js/c_tabs__add_before_BorderColor.js +8 -0
  48. package/dist/js/c_tabs__add_before_BorderLeftWidth.d.ts +6 -0
  49. package/dist/js/c_tabs__add_before_BorderLeftWidth.js +8 -0
  50. package/dist/js/c_tabs__add_c_button_FontSize.d.ts +6 -0
  51. package/dist/js/c_tabs__add_c_button_FontSize.js +8 -0
  52. package/dist/js/c_tabs__add_c_button_PaddingBottom.d.ts +6 -0
  53. package/dist/js/c_tabs__add_c_button_PaddingBottom.js +8 -0
  54. package/dist/js/c_tabs__add_c_button_PaddingTop.d.ts +6 -0
  55. package/dist/js/c_tabs__add_c_button_PaddingTop.js +8 -0
  56. package/dist/js/c_tabs__item_close_c_button_FontSize.d.ts +6 -0
  57. package/dist/js/c_tabs__item_close_c_button_FontSize.js +8 -0
  58. package/dist/js/c_tabs__item_close_c_button_OutlineOffset.d.ts +6 -0
  59. package/dist/js/c_tabs__item_close_c_button_OutlineOffset.js +8 -0
  60. package/dist/js/c_tabs__item_close_c_button_PaddingBottom.d.ts +6 -0
  61. package/dist/js/c_tabs__item_close_c_button_PaddingBottom.js +8 -0
  62. package/dist/js/c_tabs__item_close_c_button_PaddingLeft.d.ts +6 -0
  63. package/dist/js/c_tabs__item_close_c_button_PaddingLeft.js +8 -0
  64. package/dist/js/c_tabs__item_close_c_button_PaddingTop.d.ts +6 -0
  65. package/dist/js/c_tabs__item_close_c_button_PaddingTop.js +8 -0
  66. package/dist/js/c_tabs__item_close_icon_MarginTop.d.ts +6 -0
  67. package/dist/js/c_tabs__item_close_icon_MarginTop.js +8 -0
  68. package/dist/js/c_tabs__item_m_action__link_PaddingRight.d.ts +6 -0
  69. package/dist/js/c_tabs__item_m_action__link_PaddingRight.js +8 -0
  70. package/dist/js/c_tabs__item_m_action_before_ZIndex.d.ts +6 -0
  71. package/dist/js/c_tabs__item_m_action_before_ZIndex.js +8 -0
  72. package/dist/js/c_tabs__link_PaddingRight.d.ts +1 -1
  73. package/dist/js/c_tabs__link_PaddingRight.js +1 -1
  74. package/dist/js/c_tabs__link_before_BorderLeftColor.d.ts +6 -0
  75. package/dist/js/c_tabs__link_before_BorderLeftColor.js +8 -0
  76. package/dist/js/c_tabs__link_before_BorderTopColor.d.ts +6 -0
  77. package/dist/js/c_tabs__link_before_BorderTopColor.js +8 -0
  78. package/dist/js/c_tabs_m_box__item_close_c_button_disabled_BackgroundColor.d.ts +6 -0
  79. package/dist/js/c_tabs_m_box__item_close_c_button_disabled_BackgroundColor.js +8 -0
  80. package/dist/js/c_tabs_m_secondary__add_c_button_FontSize.d.ts +6 -0
  81. package/dist/js/c_tabs_m_secondary__add_c_button_FontSize.js +8 -0
  82. package/dist/js/c_tabs_m_secondary__item_close_c_button_FontSize.d.ts +6 -0
  83. package/dist/js/c_tabs_m_secondary__item_close_c_button_FontSize.js +8 -0
  84. package/dist/js/index.d.ts +23 -5
  85. package/dist/js/index.js +23 -5
  86. package/package.json +3 -3
@@ -181,6 +181,25 @@ export const c_tabs = {
181
181
  "name": "--pf-c-tabs__list--Visibility",
182
182
  "value": "visible"
183
183
  },
184
+ "c_tabs__item_m_action_before_ZIndex": {
185
+ "name": "--pf-c-tabs__item--m-action--before--ZIndex",
186
+ "value": "100",
187
+ "values": [
188
+ "--pf-global--ZIndex--xs",
189
+ "$pf-global--ZIndex--xs",
190
+ "100"
191
+ ]
192
+ },
193
+ "c_tabs__item_m_action__link_PaddingRight": {
194
+ "name": "--pf-c-tabs__item--m-action__link--PaddingRight",
195
+ "value": "0.5rem",
196
+ "values": [
197
+ "--pf-global--spacer--sm",
198
+ "$pf-global--spacer--sm",
199
+ "pf-size-prem(8px)",
200
+ "0.5rem"
201
+ ]
202
+ },
184
203
  "c_tabs__link_Color": {
185
204
  "name": "--pf-c-tabs__link--Color",
186
205
  "value": "#6a6e73",
@@ -318,6 +337,15 @@ export const c_tabs = {
318
337
  "#d2d2d2"
319
338
  ]
320
339
  },
340
+ "c_tabs_m_box__item_close_c_button_disabled_BackgroundColor": {
341
+ "name": "--pf-c-tabs--m-box__item-close--c-button--disabled--BackgroundColor",
342
+ "value": "#b8bbbe",
343
+ "values": [
344
+ "--pf-global--palette--black-400",
345
+ "$pf-color-black-400",
346
+ "#b8bbbe"
347
+ ]
348
+ },
321
349
  "c_tabs_m_secondary__link_FontSize": {
322
350
  "name": "--pf-c-tabs--m-secondary__link--FontSize",
323
351
  "value": "0.875rem",
@@ -338,6 +366,26 @@ export const c_tabs = {
338
366
  "#d2d2d2"
339
367
  ]
340
368
  },
369
+ "c_tabs__link_before_border_width_base": {
370
+ "name": "--pf-c-tabs__link--before--border-width--base",
371
+ "value": "1px",
372
+ "values": [
373
+ "--pf-global--BorderWidth--sm",
374
+ "$pf-global--BorderWidth--sm",
375
+ "1px"
376
+ ]
377
+ },
378
+ "c_tabs__link_before_BorderTopColor": {
379
+ "name": "--pf-c-tabs__link--before--BorderTopColor",
380
+ "value": "#d2d2d2",
381
+ "values": [
382
+ "--pf-c-tabs__link--before--border-color--base",
383
+ "--pf-global--BorderColor--100",
384
+ "$pf-global--BorderColor--100",
385
+ "$pf-color-black-300",
386
+ "#d2d2d2"
387
+ ]
388
+ },
341
389
  "c_tabs__link_before_BorderRightColor": {
342
390
  "name": "--pf-c-tabs__link--before--BorderRightColor",
343
391
  "value": "#d2d2d2",
@@ -360,13 +408,15 @@ export const c_tabs = {
360
408
  "#d2d2d2"
361
409
  ]
362
410
  },
363
- "c_tabs__link_before_border_width_base": {
364
- "name": "--pf-c-tabs__link--before--border-width--base",
365
- "value": "1px",
411
+ "c_tabs__link_before_BorderLeftColor": {
412
+ "name": "--pf-c-tabs__link--before--BorderLeftColor",
413
+ "value": "#d2d2d2",
366
414
  "values": [
367
- "--pf-global--BorderWidth--sm",
368
- "$pf-global--BorderWidth--sm",
369
- "1px"
415
+ "--pf-c-tabs__link--before--border-color--base",
416
+ "--pf-global--BorderColor--100",
417
+ "$pf-global--BorderColor--100",
418
+ "$pf-color-black-300",
419
+ "#d2d2d2"
370
420
  ]
371
421
  },
372
422
  "c_tabs__link_before_BorderTopWidth": {
@@ -757,6 +807,127 @@ export const c_tabs = {
757
807
  "c_tabs_m_expanded__toggle_icon_Rotate": {
758
808
  "name": "--pf-c-tabs--m-expanded__toggle-icon--Rotate",
759
809
  "value": "90deg"
810
+ },
811
+ "c_tabs__item_close_c_button_FontSize": {
812
+ "name": "--pf-c-tabs__item-close--c-button--FontSize",
813
+ "value": "0.75rem",
814
+ "values": [
815
+ "--pf-global--FontSize--xs",
816
+ "$pf-global--FontSize--xs",
817
+ "pf-font-prem(12px)",
818
+ "0.75rem"
819
+ ]
820
+ },
821
+ "c_tabs_m_secondary__item_close_c_button_FontSize": {
822
+ "name": "--pf-c-tabs--m-secondary__item-close--c-button--FontSize",
823
+ "value": "0.625rem",
824
+ "values": [
825
+ "--pf-global--icon--FontSize--sm",
826
+ "$pf-global--icon--FontSize--sm",
827
+ "pf-font-prem(10px)",
828
+ "0.625rem"
829
+ ]
830
+ },
831
+ "c_tabs__item_close_c_button_PaddingTop": {
832
+ "name": "--pf-c-tabs__item-close--c-button--PaddingTop",
833
+ "value": "0.5rem",
834
+ "values": [
835
+ "--pf-global--spacer--sm",
836
+ "$pf-global--spacer--sm",
837
+ "pf-size-prem(8px)",
838
+ "0.5rem"
839
+ ]
840
+ },
841
+ "c_tabs__item_close_c_button_PaddingBottom": {
842
+ "name": "--pf-c-tabs__item-close--c-button--PaddingBottom",
843
+ "value": "0.5rem",
844
+ "values": [
845
+ "--pf-global--spacer--sm",
846
+ "$pf-global--spacer--sm",
847
+ "pf-size-prem(8px)",
848
+ "0.5rem"
849
+ ]
850
+ },
851
+ "c_tabs__item_close_c_button_PaddingLeft": {
852
+ "name": "--pf-c-tabs__item-close--c-button--PaddingLeft",
853
+ "value": "0.5rem",
854
+ "values": [
855
+ "--pf-global--spacer--sm",
856
+ "$pf-global--spacer--sm",
857
+ "pf-size-prem(8px)",
858
+ "0.5rem"
859
+ ]
860
+ },
861
+ "c_tabs__item_close_c_button_OutlineOffset": {
862
+ "name": "--pf-c-tabs__item-close--c-button--OutlineOffset",
863
+ "value": "-0.1875rem"
864
+ },
865
+ "c_tabs__item_close_icon_MarginTop": {
866
+ "name": "--pf-c-tabs__item-close-icon--MarginTop",
867
+ "value": "0.125rem"
868
+ },
869
+ "c_tabs__add_before_BorderColor": {
870
+ "name": "--pf-c-tabs__add--before--BorderColor",
871
+ "value": "#d2d2d2",
872
+ "values": [
873
+ "--pf-c-tabs__link--before--border-color--base",
874
+ "--pf-global--BorderColor--100",
875
+ "$pf-global--BorderColor--100",
876
+ "$pf-color-black-300",
877
+ "#d2d2d2"
878
+ ]
879
+ },
880
+ "c_tabs__add_before_BorderLeftWidth": {
881
+ "name": "--pf-c-tabs__add--before--BorderLeftWidth",
882
+ "value": "1px",
883
+ "values": [
884
+ "--pf-c-tabs__link--before--border-width--base",
885
+ "--pf-global--BorderWidth--sm",
886
+ "$pf-global--BorderWidth--sm",
887
+ "1px"
888
+ ]
889
+ },
890
+ "c_tabs__add_c_button_FontSize": {
891
+ "name": "--pf-c-tabs__add--c-button--FontSize",
892
+ "value": "0.875rem",
893
+ "values": [
894
+ "--pf-global--FontSize--sm",
895
+ "$pf-global--FontSize--sm",
896
+ "pf-font-prem(14px)",
897
+ "0.875rem"
898
+ ]
899
+ },
900
+ "c_tabs_m_secondary__add_c_button_FontSize": {
901
+ "name": "--pf-c-tabs--m-secondary__add--c-button--FontSize",
902
+ "value": "0.75rem",
903
+ "values": [
904
+ "--pf-global--FontSize--xs",
905
+ "$pf-global--FontSize--xs",
906
+ "pf-font-prem(12px)",
907
+ "0.75rem"
908
+ ]
909
+ },
910
+ "c_tabs__add_c_button_PaddingTop": {
911
+ "name": "--pf-c-tabs__add--c-button--PaddingTop",
912
+ "value": "0.5rem",
913
+ "values": [
914
+ "--pf-c-tabs__link--PaddingTop",
915
+ "--pf-global--spacer--sm",
916
+ "$pf-global--spacer--sm",
917
+ "pf-size-prem(8px)",
918
+ "0.5rem"
919
+ ]
920
+ },
921
+ "c_tabs__add_c_button_PaddingBottom": {
922
+ "name": "--pf-c-tabs__add--c-button--PaddingBottom",
923
+ "value": "0.5rem",
924
+ "values": [
925
+ "--pf-c-tabs__link--PaddingBottom",
926
+ "--pf-global--spacer--sm",
927
+ "$pf-global--spacer--sm",
928
+ "pf-size-prem(8px)",
929
+ "0.5rem"
930
+ ]
760
931
  }
761
932
  },
762
933
  ".pf-c-tabs.pf-m-fill .pf-c-tabs__item:first-child": {
@@ -790,6 +961,28 @@ export const c_tabs = {
790
961
  "pf-font-prem(14px)",
791
962
  "0.875rem"
792
963
  ]
964
+ },
965
+ "c_tabs__item_close_c_button_FontSize": {
966
+ "name": "--pf-c-tabs__item-close--c-button--FontSize",
967
+ "value": "0.625rem",
968
+ "values": [
969
+ "--pf-c-tabs--m-secondary__item-close--c-button--FontSize",
970
+ "--pf-global--icon--FontSize--sm",
971
+ "$pf-global--icon--FontSize--sm",
972
+ "pf-font-prem(10px)",
973
+ "0.625rem"
974
+ ]
975
+ },
976
+ "c_tabs__add_c_button_FontSize": {
977
+ "name": "--pf-c-tabs__add--c-button--FontSize",
978
+ "value": "0.75rem",
979
+ "values": [
980
+ "--pf-c-tabs--m-secondary__add--c-button--FontSize",
981
+ "--pf-global--FontSize--xs",
982
+ "$pf-global--FontSize--xs",
983
+ "pf-font-prem(12px)",
984
+ "0.75rem"
985
+ ]
793
986
  }
794
987
  },
795
988
  ".pf-c-tabs.pf-m-border-bottom": {
@@ -958,6 +1151,18 @@ export const c_tabs = {
958
1151
  ]
959
1152
  }
960
1153
  },
1154
+ ".pf-c-tabs.pf-m-box .pf-c-tabs__item-close .pf-c-button": {
1155
+ "c_button_m_plain_disabled_Color": {
1156
+ "name": "--pf-c-button--m-plain--disabled--Color",
1157
+ "value": "#b8bbbe",
1158
+ "values": [
1159
+ "--pf-c-tabs--m-box__item-close--c-button--disabled--BackgroundColor",
1160
+ "--pf-global--palette--black-400",
1161
+ "$pf-color-black-400",
1162
+ "#b8bbbe"
1163
+ ]
1164
+ }
1165
+ },
961
1166
  ".pf-c-tabs.pf-m-vertical": {
962
1167
  "c_tabs_Width": {
963
1168
  "name": "--pf-c-tabs--Width",
@@ -1329,7 +1534,18 @@ export const c_tabs = {
1329
1534
  ]
1330
1535
  }
1331
1536
  },
1332
- ".pf-c-tabs__link": {
1537
+ ".pf-c-tabs__item.pf-m-action": {
1538
+ "c_tabs__link_PaddingRight": {
1539
+ "name": "--pf-c-tabs__link--PaddingRight",
1540
+ "value": "0.5rem",
1541
+ "values": [
1542
+ "--pf-c-tabs__item--m-action__link--PaddingRight",
1543
+ "--pf-global--spacer--sm",
1544
+ "$pf-global--spacer--sm",
1545
+ "pf-size-prem(8px)",
1546
+ "0.5rem"
1547
+ ]
1548
+ },
1333
1549
  "c_tabs__link_after_BorderBottomWidth": {
1334
1550
  "name": "--pf-c-tabs__link--after--BorderBottomWidth",
1335
1551
  "value": "0",
@@ -1339,7 +1555,7 @@ export const c_tabs = {
1339
1555
  ]
1340
1556
  }
1341
1557
  },
1342
- ".pf-c-tabs__link:hover": {
1558
+ ".pf-c-tabs__item.pf-m-action:hover": {
1343
1559
  "c_tabs__link_after_BorderWidth": {
1344
1560
  "name": "--pf-c-tabs__link--after--BorderWidth",
1345
1561
  "value": "3px",
@@ -1351,7 +1567,7 @@ export const c_tabs = {
1351
1567
  ]
1352
1568
  }
1353
1569
  },
1354
- ".pf-c-tabs__link:focus": {
1570
+ ".pf-c-tabs__item.pf-m-action:focus-within": {
1355
1571
  "c_tabs__link_after_BorderWidth": {
1356
1572
  "name": "--pf-c-tabs__link--after--BorderWidth",
1357
1573
  "value": "3px",
@@ -1363,7 +1579,7 @@ export const c_tabs = {
1363
1579
  ]
1364
1580
  }
1365
1581
  },
1366
- ".pf-c-tabs__link:active": {
1582
+ ".pf-c-tabs__item.pf-m-action:active": {
1367
1583
  "c_tabs__link_after_BorderWidth": {
1368
1584
  "name": "--pf-c-tabs__link--after--BorderWidth",
1369
1585
  "value": "3px",
@@ -1375,7 +1591,7 @@ export const c_tabs = {
1375
1591
  ]
1376
1592
  }
1377
1593
  },
1378
- ".pf-c-tabs__link:disabled": {
1594
+ ".pf-c-tabs__item.pf-m-action.pf-m-disabled": {
1379
1595
  "c_tabs__link_BackgroundColor": {
1380
1596
  "name": "--pf-c-tabs__link--BackgroundColor",
1381
1597
  "value": "#f5f5f5",
@@ -1424,6 +1640,52 @@ export const c_tabs = {
1424
1640
  "value": "0"
1425
1641
  }
1426
1642
  },
1643
+ ".pf-c-tabs__item-close .pf-c-button": {
1644
+ "c_button_FontSize": {
1645
+ "name": "--pf-c-button--FontSize",
1646
+ "value": "0.75rem",
1647
+ "values": [
1648
+ "--pf-c-tabs__item-close--c-button--FontSize",
1649
+ "--pf-global--FontSize--xs",
1650
+ "$pf-global--FontSize--xs",
1651
+ "pf-font-prem(12px)",
1652
+ "0.75rem"
1653
+ ]
1654
+ },
1655
+ "c_button_PaddingTop": {
1656
+ "name": "--pf-c-button--PaddingTop",
1657
+ "value": "0.5rem",
1658
+ "values": [
1659
+ "--pf-c-tabs__item-close--c-button--PaddingTop",
1660
+ "--pf-global--spacer--sm",
1661
+ "$pf-global--spacer--sm",
1662
+ "pf-size-prem(8px)",
1663
+ "0.5rem"
1664
+ ]
1665
+ },
1666
+ "c_button_PaddingBottom": {
1667
+ "name": "--pf-c-button--PaddingBottom",
1668
+ "value": "0.5rem",
1669
+ "values": [
1670
+ "--pf-c-tabs__item-close--c-button--PaddingBottom",
1671
+ "--pf-global--spacer--sm",
1672
+ "$pf-global--spacer--sm",
1673
+ "pf-size-prem(8px)",
1674
+ "0.5rem"
1675
+ ]
1676
+ },
1677
+ "c_button_PaddingLeft": {
1678
+ "name": "--pf-c-button--PaddingLeft",
1679
+ "value": "0.5rem",
1680
+ "values": [
1681
+ "--pf-c-tabs__item-close--c-button--PaddingLeft",
1682
+ "--pf-global--spacer--sm",
1683
+ "$pf-global--spacer--sm",
1684
+ "pf-size-prem(8px)",
1685
+ "0.5rem"
1686
+ ]
1687
+ }
1688
+ },
1427
1689
  ".pf-c-tabs__scroll-button:hover": {
1428
1690
  "c_tabs__scroll_button_Color": {
1429
1691
  "name": "--pf-c-tabs__scroll-button--Color",
@@ -1474,6 +1736,43 @@ export const c_tabs = {
1474
1736
  ]
1475
1737
  }
1476
1738
  },
1739
+ ".pf-c-tabs__add .pf-c-button": {
1740
+ "c_button_FontSize": {
1741
+ "name": "--pf-c-button--FontSize",
1742
+ "value": "0.875rem",
1743
+ "values": [
1744
+ "--pf-c-tabs__add--c-button--FontSize",
1745
+ "--pf-global--FontSize--sm",
1746
+ "$pf-global--FontSize--sm",
1747
+ "pf-font-prem(14px)",
1748
+ "0.875rem"
1749
+ ]
1750
+ },
1751
+ "c_button_PaddingTop": {
1752
+ "name": "--pf-c-button--PaddingTop",
1753
+ "value": "0.5rem",
1754
+ "values": [
1755
+ "--pf-c-tabs__add--c-button--PaddingTop",
1756
+ "--pf-c-tabs__link--PaddingTop",
1757
+ "--pf-global--spacer--sm",
1758
+ "$pf-global--spacer--sm",
1759
+ "pf-size-prem(8px)",
1760
+ "0.5rem"
1761
+ ]
1762
+ },
1763
+ "c_button_PaddingBottom": {
1764
+ "name": "--pf-c-button--PaddingBottom",
1765
+ "value": "0.5rem",
1766
+ "values": [
1767
+ "--pf-c-tabs__add--c-button--PaddingBottom",
1768
+ "--pf-c-tabs__link--PaddingBottom",
1769
+ "--pf-global--spacer--sm",
1770
+ "$pf-global--spacer--sm",
1771
+ "pf-size-prem(8px)",
1772
+ "0.5rem"
1773
+ ]
1774
+ }
1775
+ },
1477
1776
  ".pf-c-tabs.pf-m-inset-none": {
1478
1777
  "c_tabs_inset": {
1479
1778
  "name": "--pf-c-tabs--inset",
@@ -0,0 +1,6 @@
1
+ export const c_tabs__add_before_BorderColor: {
2
+ "name": "--pf-c-tabs__add--before--BorderColor",
3
+ "value": "#d2d2d2",
4
+ "var": "var(--pf-c-tabs__add--before--BorderColor)"
5
+ };
6
+ export default c_tabs__add_before_BorderColor;
@@ -0,0 +1,6 @@
1
+ export const c_tabs__add_before_BorderColor = {
2
+ "name": "--pf-c-tabs__add--before--BorderColor",
3
+ "value": "#d2d2d2",
4
+ "var": "var(--pf-c-tabs__add--before--BorderColor)"
5
+ };
6
+ export default c_tabs__add_before_BorderColor;
@@ -0,0 +1,6 @@
1
+ export const c_tabs__add_before_BorderLeftWidth: {
2
+ "name": "--pf-c-tabs__add--before--BorderLeftWidth",
3
+ "value": "1px",
4
+ "var": "var(--pf-c-tabs__add--before--BorderLeftWidth)"
5
+ };
6
+ export default c_tabs__add_before_BorderLeftWidth;
@@ -0,0 +1,6 @@
1
+ export const c_tabs__add_before_BorderLeftWidth = {
2
+ "name": "--pf-c-tabs__add--before--BorderLeftWidth",
3
+ "value": "1px",
4
+ "var": "var(--pf-c-tabs__add--before--BorderLeftWidth)"
5
+ };
6
+ export default c_tabs__add_before_BorderLeftWidth;
@@ -0,0 +1,6 @@
1
+ export const c_tabs__add_c_button_FontSize: {
2
+ "name": "--pf-c-tabs__add--c-button--FontSize",
3
+ "value": "0.75rem",
4
+ "var": "var(--pf-c-tabs__add--c-button--FontSize)"
5
+ };
6
+ export default c_tabs__add_c_button_FontSize;
@@ -0,0 +1,6 @@
1
+ export const c_tabs__add_c_button_FontSize = {
2
+ "name": "--pf-c-tabs__add--c-button--FontSize",
3
+ "value": "0.75rem",
4
+ "var": "var(--pf-c-tabs__add--c-button--FontSize)"
5
+ };
6
+ export default c_tabs__add_c_button_FontSize;
@@ -0,0 +1,6 @@
1
+ export const c_tabs__add_c_button_PaddingBottom: {
2
+ "name": "--pf-c-tabs__add--c-button--PaddingBottom",
3
+ "value": "0.5rem",
4
+ "var": "var(--pf-c-tabs__add--c-button--PaddingBottom)"
5
+ };
6
+ export default c_tabs__add_c_button_PaddingBottom;
@@ -0,0 +1,6 @@
1
+ export const c_tabs__add_c_button_PaddingBottom = {
2
+ "name": "--pf-c-tabs__add--c-button--PaddingBottom",
3
+ "value": "0.5rem",
4
+ "var": "var(--pf-c-tabs__add--c-button--PaddingBottom)"
5
+ };
6
+ export default c_tabs__add_c_button_PaddingBottom;
@@ -0,0 +1,6 @@
1
+ export const c_tabs__add_c_button_PaddingTop: {
2
+ "name": "--pf-c-tabs__add--c-button--PaddingTop",
3
+ "value": "0.5rem",
4
+ "var": "var(--pf-c-tabs__add--c-button--PaddingTop)"
5
+ };
6
+ export default c_tabs__add_c_button_PaddingTop;
@@ -0,0 +1,6 @@
1
+ export const c_tabs__add_c_button_PaddingTop = {
2
+ "name": "--pf-c-tabs__add--c-button--PaddingTop",
3
+ "value": "0.5rem",
4
+ "var": "var(--pf-c-tabs__add--c-button--PaddingTop)"
5
+ };
6
+ export default c_tabs__add_c_button_PaddingTop;
@@ -0,0 +1,6 @@
1
+ export const c_tabs__item_close_c_button_FontSize: {
2
+ "name": "--pf-c-tabs__item-close--c-button--FontSize",
3
+ "value": "0.625rem",
4
+ "var": "var(--pf-c-tabs__item-close--c-button--FontSize)"
5
+ };
6
+ export default c_tabs__item_close_c_button_FontSize;
@@ -0,0 +1,6 @@
1
+ export const c_tabs__item_close_c_button_FontSize = {
2
+ "name": "--pf-c-tabs__item-close--c-button--FontSize",
3
+ "value": "0.625rem",
4
+ "var": "var(--pf-c-tabs__item-close--c-button--FontSize)"
5
+ };
6
+ export default c_tabs__item_close_c_button_FontSize;
@@ -0,0 +1,6 @@
1
+ export const c_tabs__item_close_c_button_OutlineOffset: {
2
+ "name": "--pf-c-tabs__item-close--c-button--OutlineOffset",
3
+ "value": "-0.1875rem",
4
+ "var": "var(--pf-c-tabs__item-close--c-button--OutlineOffset)"
5
+ };
6
+ export default c_tabs__item_close_c_button_OutlineOffset;
@@ -0,0 +1,6 @@
1
+ export const c_tabs__item_close_c_button_OutlineOffset = {
2
+ "name": "--pf-c-tabs__item-close--c-button--OutlineOffset",
3
+ "value": "-0.1875rem",
4
+ "var": "var(--pf-c-tabs__item-close--c-button--OutlineOffset)"
5
+ };
6
+ export default c_tabs__item_close_c_button_OutlineOffset;
@@ -0,0 +1,6 @@
1
+ export const c_tabs__item_close_c_button_PaddingBottom: {
2
+ "name": "--pf-c-tabs__item-close--c-button--PaddingBottom",
3
+ "value": "0.5rem",
4
+ "var": "var(--pf-c-tabs__item-close--c-button--PaddingBottom)"
5
+ };
6
+ export default c_tabs__item_close_c_button_PaddingBottom;
@@ -0,0 +1,6 @@
1
+ export const c_tabs__item_close_c_button_PaddingBottom = {
2
+ "name": "--pf-c-tabs__item-close--c-button--PaddingBottom",
3
+ "value": "0.5rem",
4
+ "var": "var(--pf-c-tabs__item-close--c-button--PaddingBottom)"
5
+ };
6
+ export default c_tabs__item_close_c_button_PaddingBottom;
@@ -0,0 +1,6 @@
1
+ export const c_tabs__item_close_c_button_PaddingLeft: {
2
+ "name": "--pf-c-tabs__item-close--c-button--PaddingLeft",
3
+ "value": "0.5rem",
4
+ "var": "var(--pf-c-tabs__item-close--c-button--PaddingLeft)"
5
+ };
6
+ export default c_tabs__item_close_c_button_PaddingLeft;
@@ -0,0 +1,6 @@
1
+ export const c_tabs__item_close_c_button_PaddingLeft = {
2
+ "name": "--pf-c-tabs__item-close--c-button--PaddingLeft",
3
+ "value": "0.5rem",
4
+ "var": "var(--pf-c-tabs__item-close--c-button--PaddingLeft)"
5
+ };
6
+ export default c_tabs__item_close_c_button_PaddingLeft;
@@ -0,0 +1,6 @@
1
+ export const c_tabs__item_close_c_button_PaddingTop: {
2
+ "name": "--pf-c-tabs__item-close--c-button--PaddingTop",
3
+ "value": "0.5rem",
4
+ "var": "var(--pf-c-tabs__item-close--c-button--PaddingTop)"
5
+ };
6
+ export default c_tabs__item_close_c_button_PaddingTop;
@@ -0,0 +1,6 @@
1
+ export const c_tabs__item_close_c_button_PaddingTop = {
2
+ "name": "--pf-c-tabs__item-close--c-button--PaddingTop",
3
+ "value": "0.5rem",
4
+ "var": "var(--pf-c-tabs__item-close--c-button--PaddingTop)"
5
+ };
6
+ export default c_tabs__item_close_c_button_PaddingTop;
@@ -0,0 +1,6 @@
1
+ export const c_tabs__item_close_icon_MarginTop: {
2
+ "name": "--pf-c-tabs__item-close-icon--MarginTop",
3
+ "value": "0.125rem",
4
+ "var": "var(--pf-c-tabs__item-close-icon--MarginTop)"
5
+ };
6
+ export default c_tabs__item_close_icon_MarginTop;
@@ -0,0 +1,6 @@
1
+ export const c_tabs__item_close_icon_MarginTop = {
2
+ "name": "--pf-c-tabs__item-close-icon--MarginTop",
3
+ "value": "0.125rem",
4
+ "var": "var(--pf-c-tabs__item-close-icon--MarginTop)"
5
+ };
6
+ export default c_tabs__item_close_icon_MarginTop;
@@ -0,0 +1,6 @@
1
+ export const c_tabs__item_m_action__link_PaddingRight: {
2
+ "name": "--pf-c-tabs__item--m-action__link--PaddingRight",
3
+ "value": "0.5rem",
4
+ "var": "var(--pf-c-tabs__item--m-action__link--PaddingRight)"
5
+ };
6
+ export default c_tabs__item_m_action__link_PaddingRight;
@@ -0,0 +1,6 @@
1
+ export const c_tabs__item_m_action__link_PaddingRight = {
2
+ "name": "--pf-c-tabs__item--m-action__link--PaddingRight",
3
+ "value": "0.5rem",
4
+ "var": "var(--pf-c-tabs__item--m-action__link--PaddingRight)"
5
+ };
6
+ export default c_tabs__item_m_action__link_PaddingRight;
@@ -0,0 +1,6 @@
1
+ export const c_tabs__item_m_action_before_ZIndex: {
2
+ "name": "--pf-c-tabs__item--m-action--before--ZIndex",
3
+ "value": "100",
4
+ "var": "var(--pf-c-tabs__item--m-action--before--ZIndex)"
5
+ };
6
+ export default c_tabs__item_m_action_before_ZIndex;
@@ -0,0 +1,6 @@
1
+ export const c_tabs__item_m_action_before_ZIndex = {
2
+ "name": "--pf-c-tabs__item--m-action--before--ZIndex",
3
+ "value": "100",
4
+ "var": "var(--pf-c-tabs__item--m-action--before--ZIndex)"
5
+ };
6
+ export default c_tabs__item_m_action_before_ZIndex;
@@ -1,6 +1,6 @@
1
1
  export const c_tabs__link_PaddingRight: {
2
2
  "name": "--pf-c-tabs__link--PaddingRight",
3
- "value": "1rem",
3
+ "value": "0.5rem",
4
4
  "var": "var(--pf-c-tabs__link--PaddingRight)"
5
5
  };
6
6
  export default c_tabs__link_PaddingRight;
@@ -1,6 +1,6 @@
1
1
  export const c_tabs__link_PaddingRight = {
2
2
  "name": "--pf-c-tabs__link--PaddingRight",
3
- "value": "1rem",
3
+ "value": "0.5rem",
4
4
  "var": "var(--pf-c-tabs__link--PaddingRight)"
5
5
  };
6
6
  export default c_tabs__link_PaddingRight;
@@ -0,0 +1,6 @@
1
+ export const c_tabs__link_before_BorderLeftColor: {
2
+ "name": "--pf-c-tabs__link--before--BorderLeftColor",
3
+ "value": "#d2d2d2",
4
+ "var": "var(--pf-c-tabs__link--before--BorderLeftColor)"
5
+ };
6
+ export default c_tabs__link_before_BorderLeftColor;
@@ -0,0 +1,6 @@
1
+ export const c_tabs__link_before_BorderLeftColor = {
2
+ "name": "--pf-c-tabs__link--before--BorderLeftColor",
3
+ "value": "#d2d2d2",
4
+ "var": "var(--pf-c-tabs__link--before--BorderLeftColor)"
5
+ };
6
+ export default c_tabs__link_before_BorderLeftColor;
@@ -0,0 +1,6 @@
1
+ export const c_tabs__link_before_BorderTopColor: {
2
+ "name": "--pf-c-tabs__link--before--BorderTopColor",
3
+ "value": "#d2d2d2",
4
+ "var": "var(--pf-c-tabs__link--before--BorderTopColor)"
5
+ };
6
+ export default c_tabs__link_before_BorderTopColor;