@primer/css 21.3.6-rc.13cf9bf9 → 21.4.0-rc.3a7347b4

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 +6 -0
  2. package/autocomplete/suggester.scss +7 -0
  3. package/base/base.scss +2 -0
  4. package/base/kbd.scss +1 -0
  5. package/box/box-overlay.scss +3 -0
  6. package/branch-name/branch-name.scss +1 -0
  7. package/buttons/button-group.scss +12 -0
  8. package/buttons/button.scss +2 -0
  9. package/buttons/misc.scss +6 -0
  10. package/dist/autocomplete.css +1 -1
  11. package/dist/autocomplete.css.map +1 -1
  12. package/dist/avatars.css +1 -1
  13. package/dist/avatars.css.map +1 -1
  14. package/dist/box.css +1 -1
  15. package/dist/box.css.map +1 -1
  16. package/dist/breadcrumb.css +1 -1
  17. package/dist/breadcrumb.css.map +1 -1
  18. package/dist/color-modes.css +1 -1
  19. package/dist/color-modes.css.map +1 -1
  20. package/dist/core.css +1 -1
  21. package/dist/core.css.map +1 -1
  22. package/dist/forms.css +1 -1
  23. package/dist/forms.css.map +1 -1
  24. package/dist/labels.css +1 -1
  25. package/dist/labels.css.map +1 -1
  26. package/dist/layout.css +1 -1
  27. package/dist/layout.css.map +1 -1
  28. package/dist/links.css +1 -1
  29. package/dist/links.css.map +1 -1
  30. package/dist/markdown.css +1 -1
  31. package/dist/markdown.css.map +1 -1
  32. package/dist/meta.json +44 -44
  33. package/dist/navigation.css +1 -1
  34. package/dist/navigation.css.map +1 -1
  35. package/dist/overlay.css +1 -1
  36. package/dist/overlay.css.map +1 -1
  37. package/dist/popover.css +1 -1
  38. package/dist/popover.css.map +1 -1
  39. package/dist/primer.css +3 -3
  40. package/dist/primer.css.map +1 -1
  41. package/dist/primitives.css +1 -1
  42. package/dist/primitives.css.map +1 -1
  43. package/dist/product.css +1 -1
  44. package/dist/product.css.map +1 -1
  45. package/dist/stats/autocomplete.json +1 -1
  46. package/dist/stats/avatars.json +1 -1
  47. package/dist/stats/box.json +1 -1
  48. package/dist/stats/breadcrumb.json +1 -1
  49. package/dist/stats/color-modes.json +1 -1
  50. package/dist/stats/core.json +1 -1
  51. package/dist/stats/forms.json +1 -1
  52. package/dist/stats/labels.json +1 -1
  53. package/dist/stats/layout.json +1 -1
  54. package/dist/stats/links.json +1 -1
  55. package/dist/stats/markdown.json +1 -1
  56. package/dist/stats/navigation.json +1 -1
  57. package/dist/stats/overlay.json +1 -1
  58. package/dist/stats/popover.json +1 -1
  59. package/dist/stats/primer.json +1 -1
  60. package/dist/stats/product.json +1 -1
  61. package/dist/stats/toggle-switch.json +1 -1
  62. package/dist/stats/truncate.json +1 -1
  63. package/dist/toggle-switch.css +1 -1
  64. package/dist/toggle-switch.css.map +1 -1
  65. package/dist/truncate.css +1 -1
  66. package/dist/truncate.css.map +1 -1
  67. package/forms/form-control.scss +6 -0
  68. package/forms/form-group.scss +3 -0
  69. package/forms/radio-group.scss +5 -0
  70. package/header/header.scss +1 -0
  71. package/labels/mixins.scss +2 -0
  72. package/layout/app-frame.scss +0 -1
  73. package/layout/stack.scss +2 -2
  74. package/markdown/code.scss +2 -0
  75. package/markdown/footnotes.scss +2 -0
  76. package/markdown/headings.scss +2 -0
  77. package/markdown/images.scss +1 -1
  78. package/markdown/tables.scss +2 -0
  79. package/navigation/filter-list.scss +1 -0
  80. package/navigation/sidenav.scss +1 -0
  81. package/navigation/subnav.scss +6 -0
  82. package/package.json +3 -3
  83. package/pagination/pagination.scss +2 -0
  84. package/select-menu/select-menu.scss +12 -0
  85. package/toasts/toasts.scss +2 -0
  86. package/tooltips/tooltips.scss +1 -1
@@ -1 +1 @@
1
- {"size":4265,"gzipSize":1065,"humanizedSize":"4KB","humanizedGzipSize":"1KB","rules":{"total":35,"size":{"graph":[1,2,2,2,18,1,1,1,8,1,3,2,1,1,3,1,1,4,2,1,5,2,4,2,12,1,5,3,1,2,1,2,2,1,1],"max":18,"average":2.857142857142857},"selectorByRuleSizes":[{"selector":".ToggleSwitch-track","declarations":18},{"selector":".ToggleSwitch-knob","declarations":12},{"selector":".ToggleSwitch-track:before","declarations":8},{"selector":".ToggleSwitch-status","declarations":5},{"selector":".ToggleSwitch-icons","declarations":5},{"selector":".ToggleSwitch-circleIcon,.ToggleSwitch-lineIcon","declarations":4},{"selector":".ToggleSwitch-track[disabled]","declarations":4},{"selector":".ToggleSwitch-statusIcon","declarations":3},{"selector":".ToggleSwitch-track[aria-pressed=true] .ToggleSwitch-knob","declarations":3},{"selector":".ToggleSwitch-track[aria-pressed=true][disabled]","declarations":3},{"selector":".ToggleSwitch-statusOff","declarations":2},{"selector":".ToggleSwitch-statusOn","declarations":2},{"selector":".ToggleSwitch--small .ToggleSwitch-track","declarations":2},{"selector":".ToggleSwitch-circleIcon","declarations":2},{"selector":".ToggleSwitch-lineIcon","declarations":2},{"selector":".ToggleSwitch-track[disabled] .ToggleSwitch-knob","declarations":2},{"selector":".ToggleSwitch-track[aria-pressed=true]","declarations":2},{"selector":".ToggleSwitch--checked .ToggleSwitch-statusOff","declarations":2},{"selector":".ToggleSwitch--checked .ToggleSwitch-statusOn","declarations":2},{"selector":".ToggleSwitch","declarations":2},{"selector":".ToggleSwitch--statusAtEnd .ToggleSwitch-status","declarations":1},{"selector":".ToggleSwitch--statusAtEnd","declarations":1},{"selector":".ToggleSwitch--disabled .ToggleSwitch-status","declarations":1},{"selector":".ToggleSwitch--small .ToggleSwitch-status","declarations":1},{"selector":".ToggleSwitch-knob","declarations":1},{"selector":".ToggleSwitch-track[disabled] .ToggleSwitch-circleIcon,.ToggleSwitch-track[disabled] .ToggleSwitch-lineIcon","declarations":1},{"selector":".ToggleSwitch-track[aria-pressed=true] .ToggleSwitch-circleIcon","declarations":1},{"selector":".ToggleSwitch-track[aria-pressed=true] .ToggleSwitch-lineIcon","declarations":1},{"selector":".ToggleSwitch-track[aria-pressed=true]:not([disabled]):active","declarations":1},{"selector":".ToggleSwitch-track[aria-pressed=true]:not([disabled]):hover","declarations":1},{"selector":".ToggleSwitch-track,.ToggleSwitch-track *","declarations":1},{"selector":".ToggleSwitch-track:active","declarations":1},{"selector":".ToggleSwitch-track:hover","declarations":1},{"selector":".ToggleSwitch-track:focus,.ToggleSwitch-track:focus-visible","declarations":1},{"selector":".ToggleSwitch,.ToggleSwitch.ToggleSwitch","declarations":1}]},"selectors":{"total":40,"type":0,"class":40,"id":0,"pseudoClass":6,"pseudoElement":1,"values":[".ToggleSwitch",".ToggleSwitch.ToggleSwitch",".ToggleSwitch",".ToggleSwitch--checked .ToggleSwitch-statusOn",".ToggleSwitch--checked .ToggleSwitch-statusOff",".ToggleSwitch-track",".ToggleSwitch-track:focus",".ToggleSwitch-track:focus-visible",".ToggleSwitch-track:hover",".ToggleSwitch-track:active",".ToggleSwitch-track:before",".ToggleSwitch-track",".ToggleSwitch-track *",".ToggleSwitch-track[aria-pressed=true][disabled]",".ToggleSwitch-track[aria-pressed=true]",".ToggleSwitch-track[aria-pressed=true]:not([disabled]):hover",".ToggleSwitch-track[aria-pressed=true]:not([disabled]):active",".ToggleSwitch-track[aria-pressed=true] .ToggleSwitch-knob",".ToggleSwitch-track[aria-pressed=true] .ToggleSwitch-lineIcon",".ToggleSwitch-track[aria-pressed=true] .ToggleSwitch-circleIcon",".ToggleSwitch-track[disabled]",".ToggleSwitch-track[disabled] .ToggleSwitch-knob",".ToggleSwitch-track[disabled] .ToggleSwitch-circleIcon",".ToggleSwitch-track[disabled] .ToggleSwitch-lineIcon",".ToggleSwitch-icons",".ToggleSwitch-lineIcon",".ToggleSwitch-circleIcon",".ToggleSwitch-lineIcon",".ToggleSwitch-circleIcon",".ToggleSwitch-knob",".ToggleSwitch-knob",".ToggleSwitch-status",".ToggleSwitch-statusIcon",".ToggleSwitch--small .ToggleSwitch-status",".ToggleSwitch--small .ToggleSwitch-track",".ToggleSwitch--disabled .ToggleSwitch-status",".ToggleSwitch-statusOn",".ToggleSwitch-statusOff",".ToggleSwitch--statusAtEnd",".ToggleSwitch--statusAtEnd .ToggleSwitch-status"],"specificity":{"max":40,"average":18.275}},"declarations":{"total":100,"unique":79,"uniqueToTotalRatio":0.79,"properties":{"display":["inline-flex","block","flex","flex"],"align-items":["center","center"],"gap":["var(--controlStack-medium-gap-condensed)"],"height":["auto","0","var(--control-medium-size)","100%","100%","var(--control-xsmall-size)","0","auto"],"visibility":["visible","hidden","hidden","visible"],"appearance":["none"],"background-color":["var(--controlTrack-bgColor-rest)","var(--controlTrack-bgColor-hover)","var(--controlTrack-bgColor-active)","var(--controlTrack-bgColor-disabled)","var(--control-checked-bgColor-rest)","var(--control-checked-bgColor-hover)","var(--control-checked-bgColor-active)","var(--controlKnob-bgColor-checked)","var(--controlTrack-bgColor-disabled)","var(--controlKnob-bgColor-rest)"],"border":["var(--borderWidth-thin) solid var(--controlTrack-borderColor-rest)","var(--borderWidth-thin) solid var(--controlKnob-borderColor-rest)"],"border-radius":["var(--borderRadius-medium)","var(--borderRadius-medium)"],"cursor":["pointer","not-allowed"],"overflow":["hidden","hidden"],"padding":["0"],"position":["relative","absolute","absolute","relative"],"-webkit-text-decoration":["none"],"text-decoration":["none"],"transition-duration":["80ms","80ms","80ms"],"transition-property":["background-color,border-color","none","transform","transform"],"transition-timing-function":["cubic-bezier(0.5, 1, 0.89, 1)","cubic-bezier(0.5, 1, 0.89, 1)"],"-webkit-user-select":["none"],"user-select":["none"],"width":["var(--base-size-64)","100%","100%","50%","var(--base-size-16)","var(--base-size-48)"],"outline-offset":["1px"],"content":["\"\""],"left":["50%"],"min-height":["44px"],"top":["50%","0"],"transform":["translateX(-50%) translateY(-50%)","translateX(100%)","translateX(0)","translateX(100%)","translateX(-100%)","translateX(0)"],"transition":["none","none"],"border-color":["rgba(0,0,0,0)","var(--borderColor-transparent)","var(--controlKnob-borderColor-checked)","rgba(0,0,0,0)","var(--borderColor-default)"],"color":["var(--control-checked-fgColor-disabled)","var(--controlTrack-fgColor-disabled)","var(--control-checked-fgColor-rest)","var(--controlTrack-fgColor-rest)","var(--fgColor-default)","var(--fgColor-muted)"],"box-shadow":["none","var(--shadow-resting-medium),var(--button-default-shadow-inset)"],"flex":["1 0 50%"],"line-height":["0","1.5"],"bottom":["0"],"z-index":["1"],"font-size":["var(--text-body-size-medium)","var(--text-body-size-small)"],"text-align":["right","left"],"margin-top":[".063rem"],"flex-direction":["row-reverse"]}},"mediaQueries":{"total":3,"unique":2,"values":["(pointer: coarse)","(prefers-reduced-motion)","(prefers-reduced-motion)"],"contents":[{"value":"(pointer: coarse)","rules":{"total":1,"size":{"graph":[8],"max":8,"average":8},"selectorByRuleSizes":[{"selector":".ToggleSwitch-track:before","declarations":8}]},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":0,"pseudoElement":1,"values":[".ToggleSwitch-track:before"],"specificity":{"max":11,"average":11}},"declarations":{"total":8,"unique":8,"uniqueToTotalRatio":1,"properties":{"content":["\"\""],"height":["100%"],"left":["50%"],"min-height":["44px"],"position":["absolute"],"top":["50%"],"transform":["translateX(-50%) translateY(-50%)"],"width":["100%"]}}},{"value":"(prefers-reduced-motion)","rules":{"total":1,"size":{"graph":[1],"max":1,"average":1},"selectorByRuleSizes":[{"selector":".ToggleSwitch-track,.ToggleSwitch-track *","declarations":1}]},"selectors":{"total":2,"type":0,"class":2,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".ToggleSwitch-track",".ToggleSwitch-track *"],"specificity":{"max":10,"average":10}},"declarations":{"total":1,"unique":1,"uniqueToTotalRatio":1,"properties":{"transition":["none"]}}},{"value":"(prefers-reduced-motion)","rules":{"total":1,"size":{"graph":[1],"max":1,"average":1},"selectorByRuleSizes":[{"selector":".ToggleSwitch-knob","declarations":1}]},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".ToggleSwitch-knob"],"specificity":{"max":10,"average":10}},"declarations":{"total":1,"unique":1,"uniqueToTotalRatio":1,"properties":{"transition":["none"]}}}]}}
1
+ {"size":4270,"gzipSize":1070,"humanizedSize":"4KB","humanizedGzipSize":"1KB","rules":{"total":35,"size":{"graph":[1,2,2,2,18,1,1,1,8,1,3,2,1,1,3,1,1,4,2,1,5,2,4,2,12,1,5,3,1,2,1,2,2,1,1],"max":18,"average":2.857142857142857},"selectorByRuleSizes":[{"selector":".ToggleSwitch-track","declarations":18},{"selector":".ToggleSwitch-knob","declarations":12},{"selector":":is(.ToggleSwitch-track:before)","declarations":8},{"selector":".ToggleSwitch-status","declarations":5},{"selector":".ToggleSwitch-icons","declarations":5},{"selector":".ToggleSwitch-circleIcon,.ToggleSwitch-lineIcon","declarations":4},{"selector":".ToggleSwitch-track[disabled]","declarations":4},{"selector":".ToggleSwitch-statusIcon","declarations":3},{"selector":".ToggleSwitch-track[aria-pressed=true] .ToggleSwitch-knob","declarations":3},{"selector":".ToggleSwitch-track[aria-pressed=true][disabled]","declarations":3},{"selector":".ToggleSwitch-statusOff","declarations":2},{"selector":".ToggleSwitch-statusOn","declarations":2},{"selector":".ToggleSwitch--small .ToggleSwitch-track","declarations":2},{"selector":".ToggleSwitch-circleIcon","declarations":2},{"selector":".ToggleSwitch-lineIcon","declarations":2},{"selector":".ToggleSwitch-track[disabled] .ToggleSwitch-knob","declarations":2},{"selector":".ToggleSwitch-track[aria-pressed=true]","declarations":2},{"selector":".ToggleSwitch--checked .ToggleSwitch-statusOff","declarations":2},{"selector":".ToggleSwitch--checked .ToggleSwitch-statusOn","declarations":2},{"selector":".ToggleSwitch","declarations":2},{"selector":".ToggleSwitch--statusAtEnd .ToggleSwitch-status","declarations":1},{"selector":".ToggleSwitch--statusAtEnd","declarations":1},{"selector":".ToggleSwitch--disabled .ToggleSwitch-status","declarations":1},{"selector":".ToggleSwitch--small .ToggleSwitch-status","declarations":1},{"selector":".ToggleSwitch-knob","declarations":1},{"selector":".ToggleSwitch-track[disabled] .ToggleSwitch-circleIcon,.ToggleSwitch-track[disabled] .ToggleSwitch-lineIcon","declarations":1},{"selector":".ToggleSwitch-track[aria-pressed=true] .ToggleSwitch-circleIcon","declarations":1},{"selector":".ToggleSwitch-track[aria-pressed=true] .ToggleSwitch-lineIcon","declarations":1},{"selector":".ToggleSwitch-track[aria-pressed=true]:not([disabled]):active","declarations":1},{"selector":".ToggleSwitch-track[aria-pressed=true]:not([disabled]):hover","declarations":1},{"selector":".ToggleSwitch-track,.ToggleSwitch-track *","declarations":1},{"selector":".ToggleSwitch-track:active","declarations":1},{"selector":".ToggleSwitch-track:hover","declarations":1},{"selector":".ToggleSwitch-track:focus,.ToggleSwitch-track:focus-visible","declarations":1},{"selector":".ToggleSwitch,.ToggleSwitch.ToggleSwitch","declarations":1}]},"selectors":{"total":40,"type":0,"class":40,"id":0,"pseudoClass":6,"pseudoElement":1,"values":[".ToggleSwitch",".ToggleSwitch.ToggleSwitch",".ToggleSwitch",".ToggleSwitch--checked .ToggleSwitch-statusOn",".ToggleSwitch--checked .ToggleSwitch-statusOff",".ToggleSwitch-track",".ToggleSwitch-track:focus",".ToggleSwitch-track:focus-visible",".ToggleSwitch-track:hover",".ToggleSwitch-track:active",":is(.ToggleSwitch-track:before)",".ToggleSwitch-track",".ToggleSwitch-track *",".ToggleSwitch-track[aria-pressed=true][disabled]",".ToggleSwitch-track[aria-pressed=true]",".ToggleSwitch-track[aria-pressed=true]:not([disabled]):hover",".ToggleSwitch-track[aria-pressed=true]:not([disabled]):active",".ToggleSwitch-track[aria-pressed=true] .ToggleSwitch-knob",".ToggleSwitch-track[aria-pressed=true] .ToggleSwitch-lineIcon",".ToggleSwitch-track[aria-pressed=true] .ToggleSwitch-circleIcon",".ToggleSwitch-track[disabled]",".ToggleSwitch-track[disabled] .ToggleSwitch-knob",".ToggleSwitch-track[disabled] .ToggleSwitch-circleIcon",".ToggleSwitch-track[disabled] .ToggleSwitch-lineIcon",".ToggleSwitch-icons",".ToggleSwitch-lineIcon",".ToggleSwitch-circleIcon",".ToggleSwitch-lineIcon",".ToggleSwitch-circleIcon",".ToggleSwitch-knob",".ToggleSwitch-knob",".ToggleSwitch-status",".ToggleSwitch-statusIcon",".ToggleSwitch--small .ToggleSwitch-status",".ToggleSwitch--small .ToggleSwitch-track",".ToggleSwitch--disabled .ToggleSwitch-status",".ToggleSwitch-statusOn",".ToggleSwitch-statusOff",".ToggleSwitch--statusAtEnd",".ToggleSwitch--statusAtEnd .ToggleSwitch-status"],"specificity":{"max":40,"average":18.525}},"declarations":{"total":100,"unique":79,"uniqueToTotalRatio":0.79,"properties":{"display":["inline-flex","block","flex","flex"],"align-items":["center","center"],"gap":["var(--controlStack-medium-gap-condensed)"],"height":["auto","0","var(--control-medium-size)","100%","100%","var(--control-xsmall-size)","0","auto"],"visibility":["visible","hidden","hidden","visible"],"appearance":["none"],"background-color":["var(--controlTrack-bgColor-rest)","var(--controlTrack-bgColor-hover)","var(--controlTrack-bgColor-active)","var(--controlTrack-bgColor-disabled)","var(--control-checked-bgColor-rest)","var(--control-checked-bgColor-hover)","var(--control-checked-bgColor-active)","var(--controlKnob-bgColor-checked)","var(--controlTrack-bgColor-disabled)","var(--controlKnob-bgColor-rest)"],"border":["var(--borderWidth-thin) solid var(--controlTrack-borderColor-rest)","var(--borderWidth-thin) solid var(--controlKnob-borderColor-rest)"],"border-radius":["var(--borderRadius-medium)","var(--borderRadius-medium)"],"cursor":["pointer","not-allowed"],"overflow":["hidden","hidden"],"padding":["0"],"position":["relative","absolute","absolute","relative"],"-webkit-text-decoration":["none"],"text-decoration":["none"],"transition-duration":["80ms","80ms","80ms"],"transition-property":["background-color,border-color","none","transform","transform"],"transition-timing-function":["cubic-bezier(0.5, 1, 0.89, 1)","cubic-bezier(0.5, 1, 0.89, 1)"],"-webkit-user-select":["none"],"user-select":["none"],"width":["var(--base-size-64)","100%","100%","50%","var(--base-size-16)","var(--base-size-48)"],"outline-offset":["1px"],"content":["\"\""],"left":["50%"],"min-height":["44px"],"top":["50%","0"],"transform":["translateX(-50%) translateY(-50%)","translateX(100%)","translateX(0)","translateX(100%)","translateX(-100%)","translateX(0)"],"transition":["none","none"],"border-color":["rgba(0,0,0,0)","var(--borderColor-transparent)","var(--controlKnob-borderColor-checked)","rgba(0,0,0,0)","var(--borderColor-default)"],"color":["var(--control-checked-fgColor-disabled)","var(--controlTrack-fgColor-disabled)","var(--control-checked-fgColor-rest)","var(--controlTrack-fgColor-rest)","var(--fgColor-default)","var(--fgColor-muted)"],"box-shadow":["none","var(--shadow-resting-medium),var(--button-default-shadow-inset)"],"flex":["1 0 50%"],"line-height":["0","1.5"],"bottom":["0"],"z-index":["1"],"font-size":["var(--text-body-size-medium)","var(--text-body-size-small)"],"text-align":["right","left"],"margin-top":[".063rem"],"flex-direction":["row-reverse"]}},"mediaQueries":{"total":3,"unique":2,"values":["(pointer: coarse)","(prefers-reduced-motion)","(prefers-reduced-motion)"],"contents":[{"value":"(pointer: coarse)","rules":{"total":1,"size":{"graph":[8],"max":8,"average":8},"selectorByRuleSizes":[{"selector":":is(.ToggleSwitch-track:before)","declarations":8}]},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":0,"pseudoElement":1,"values":[":is(.ToggleSwitch-track:before)"],"specificity":{"max":21,"average":21}},"declarations":{"total":8,"unique":8,"uniqueToTotalRatio":1,"properties":{"content":["\"\""],"height":["100%"],"left":["50%"],"min-height":["44px"],"position":["absolute"],"top":["50%"],"transform":["translateX(-50%) translateY(-50%)"],"width":["100%"]}}},{"value":"(prefers-reduced-motion)","rules":{"total":1,"size":{"graph":[1],"max":1,"average":1},"selectorByRuleSizes":[{"selector":".ToggleSwitch-track,.ToggleSwitch-track *","declarations":1}]},"selectors":{"total":2,"type":0,"class":2,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".ToggleSwitch-track",".ToggleSwitch-track *"],"specificity":{"max":10,"average":10}},"declarations":{"total":1,"unique":1,"uniqueToTotalRatio":1,"properties":{"transition":["none"]}}},{"value":"(prefers-reduced-motion)","rules":{"total":1,"size":{"graph":[1],"max":1,"average":1},"selectorByRuleSizes":[{"selector":".ToggleSwitch-knob","declarations":1}]},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".ToggleSwitch-knob"],"specificity":{"max":10,"average":10}},"declarations":{"total":1,"unique":1,"uniqueToTotalRatio":1,"properties":{"transition":["none"]}}}]}}
@@ -1 +1 @@
1
- {"size":1165,"gzipSize":352,"humanizedSize":"1KB","humanizedGzipSize":"352B","rules":{"total":8,"size":{"graph":[3,3,1,3,6,1,1,3],"max":6,"average":2.625},"selectorByRuleSizes":[{"selector":".Truncate>.Truncate-text","declarations":6},{"selector":".Truncate>.Truncate-text.Truncate-text--expandable:active,.Truncate>.Truncate-text.Truncate-text--expandable:focus,.Truncate>.Truncate-text.Truncate-text--expandable:hover","declarations":3},{"selector":".Truncate","declarations":3},{"selector":".css-truncate .css-truncate-target,.css-truncate.css-truncate-target","declarations":3},{"selector":".css-truncate .css-truncate-overflow,.css-truncate .css-truncate-target,.css-truncate.css-truncate-overflow,.css-truncate.css-truncate-target","declarations":3},{"selector":".Truncate>.Truncate-text.Truncate-text--primary","declarations":1},{"selector":".Truncate>.Truncate-text+.Truncate-text","declarations":1},{"selector":".css-truncate.expandable.css-truncate-target:hover,.css-truncate.expandable.zeroclipboard-is-hover .css-truncate-target,.css-truncate.expandable.zeroclipboard-is-hover.css-truncate-target,.css-truncate.expandable:hover .css-truncate-target","declarations":1}]},"selectors":{"total":17,"type":0,"class":17,"id":0,"pseudoClass":5,"pseudoElement":0,"values":[".css-truncate .css-truncate-overflow",".css-truncate .css-truncate-target",".css-truncate.css-truncate-overflow",".css-truncate.css-truncate-target",".css-truncate .css-truncate-target",".css-truncate.css-truncate-target",".css-truncate.expandable.css-truncate-target:hover",".css-truncate.expandable.zeroclipboard-is-hover .css-truncate-target",".css-truncate.expandable.zeroclipboard-is-hover.css-truncate-target",".css-truncate.expandable:hover .css-truncate-target",".Truncate",".Truncate>.Truncate-text",".Truncate>.Truncate-text+.Truncate-text",".Truncate>.Truncate-text.Truncate-text--primary",".Truncate>.Truncate-text.Truncate-text--expandable:active",".Truncate>.Truncate-text.Truncate-text--expandable:focus",".Truncate>.Truncate-text.Truncate-text--expandable:hover"],"specificity":{"max":40,"average":28.823529411764707}},"declarations":{"total":21,"unique":17,"uniqueToTotalRatio":0.8095238095238095,"properties":{"overflow":["hidden","hidden"],"text-overflow":["ellipsis","ellipsis"],"white-space":["nowrap","nowrap"],"display":["inline-block","inline-flex"],"max-width":["125px","10000px","100%","-moz-fit-content","fit-content","100%"],"vertical-align":["top"],"min-width":["0","1ch"],"margin-left":["var(--control-small-gap)"],"flex-basis":["200%"],"cursor":["pointer"],"flex-shrink":["0"]}},"mediaQueries":{"total":0,"unique":0,"values":[],"contents":[]}}
1
+ {"size":1163,"gzipSize":353,"humanizedSize":"1KB","humanizedGzipSize":"353B","rules":{"total":8,"size":{"graph":[3,3,1,3,5,1,1,3],"max":5,"average":2.5},"selectorByRuleSizes":[{"selector":".Truncate>.Truncate-text","declarations":5},{"selector":".Truncate-text--expandable:is(.Truncate>.Truncate-text):active,.Truncate-text--expandable:is(.Truncate>.Truncate-text):focus,.Truncate-text--expandable:is(.Truncate>.Truncate-text):hover","declarations":3},{"selector":".Truncate","declarations":3},{"selector":".css-truncate .css-truncate-target,.css-truncate.css-truncate-target","declarations":3},{"selector":".css-truncate .css-truncate-overflow,.css-truncate .css-truncate-target,.css-truncate.css-truncate-overflow,.css-truncate.css-truncate-target","declarations":3},{"selector":".Truncate-text--primary:is(.Truncate>.Truncate-text)","declarations":1},{"selector":":is(.Truncate>.Truncate-text)+.Truncate-text","declarations":1},{"selector":".css-truncate.expandable.css-truncate-target:hover,.css-truncate.expandable.zeroclipboard-is-hover .css-truncate-target,.css-truncate.expandable.zeroclipboard-is-hover.css-truncate-target,.css-truncate.expandable:hover .css-truncate-target","declarations":1}]},"selectors":{"total":17,"type":0,"class":17,"id":0,"pseudoClass":5,"pseudoElement":0,"values":[".css-truncate .css-truncate-overflow",".css-truncate .css-truncate-target",".css-truncate.css-truncate-overflow",".css-truncate.css-truncate-target",".css-truncate .css-truncate-target",".css-truncate.css-truncate-target",".css-truncate.expandable.css-truncate-target:hover",".css-truncate.expandable.zeroclipboard-is-hover .css-truncate-target",".css-truncate.expandable.zeroclipboard-is-hover.css-truncate-target",".css-truncate.expandable:hover .css-truncate-target",".Truncate",".Truncate>.Truncate-text",":is(.Truncate>.Truncate-text)+.Truncate-text",".Truncate-text--primary:is(.Truncate>.Truncate-text)",".Truncate-text--expandable:is(.Truncate>.Truncate-text):active",".Truncate-text--expandable:is(.Truncate>.Truncate-text):focus",".Truncate-text--expandable:is(.Truncate>.Truncate-text):hover"],"specificity":{"max":50,"average":31.764705882352942}},"declarations":{"total":20,"unique":16,"uniqueToTotalRatio":0.8,"properties":{"overflow":["hidden","hidden"],"text-overflow":["ellipsis","ellipsis"],"white-space":["nowrap","nowrap"],"display":["inline-block","inline-flex"],"max-width":["125px","10000px","100%","fit-content","100%"],"vertical-align":["top"],"min-width":["0","1ch"],"margin-left":["var(--control-small-gap)"],"flex-basis":["200%"],"cursor":["pointer"],"flex-shrink":["0"]}},"mediaQueries":{"total":0,"unique":0,"values":[],"contents":[]}}
@@ -1,2 +1,2 @@
1
- .ToggleSwitch,.ToggleSwitch.ToggleSwitch{display:inline-flex}.ToggleSwitch{align-items:center;gap:var(--controlStack-medium-gap-condensed)}.ToggleSwitch--checked .ToggleSwitch-statusOn{height:auto;visibility:visible}.ToggleSwitch--checked .ToggleSwitch-statusOff{height:0;visibility:hidden}.ToggleSwitch-track{appearance:none;background-color:var(--controlTrack-bgColor-rest);border:var(--borderWidth-thin) solid var(--controlTrack-borderColor-rest);border-radius:var(--borderRadius-medium);cursor:pointer;display:block;height:var(--control-medium-size);overflow:hidden;padding:0;position:relative;-webkit-text-decoration:none;text-decoration:none;transition-duration:80ms;transition-property:background-color,border-color;transition-timing-function:cubic-bezier(0.5, 1, 0.89, 1);-webkit-user-select:none;user-select:none;width:var(--base-size-64)}.ToggleSwitch-track:focus,.ToggleSwitch-track:focus-visible{outline-offset:1px}.ToggleSwitch-track:hover{background-color:var(--controlTrack-bgColor-hover)}.ToggleSwitch-track:active{background-color:var(--controlTrack-bgColor-active)}@media(pointer: coarse){.ToggleSwitch-track:before{content:"";height:100%;left:50%;min-height:44px;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%);width:100%}}@media(prefers-reduced-motion){.ToggleSwitch-track,.ToggleSwitch-track *{transition:none}}.ToggleSwitch-track[aria-pressed=true][disabled]{background-color:var(--controlTrack-bgColor-disabled);border-color:rgba(0,0,0,0);color:var(--control-checked-fgColor-disabled)}.ToggleSwitch-track[aria-pressed=true]{background-color:var(--control-checked-bgColor-rest);border-color:var(--borderColor-transparent)}.ToggleSwitch-track[aria-pressed=true]:not([disabled]):hover{background-color:var(--control-checked-bgColor-hover)}.ToggleSwitch-track[aria-pressed=true]:not([disabled]):active{background-color:var(--control-checked-bgColor-active)}.ToggleSwitch-track[aria-pressed=true] .ToggleSwitch-knob{background-color:var(--controlKnob-bgColor-checked);border-color:var(--controlKnob-borderColor-checked);transform:translateX(100%)}.ToggleSwitch-track[aria-pressed=true] .ToggleSwitch-lineIcon{transform:translateX(0)}.ToggleSwitch-track[aria-pressed=true] .ToggleSwitch-circleIcon{transform:translateX(100%)}.ToggleSwitch-track[disabled]{background-color:var(--controlTrack-bgColor-disabled);border-color:rgba(0,0,0,0);cursor:not-allowed;transition-property:none}.ToggleSwitch-track[disabled] .ToggleSwitch-knob{border-color:var(--borderColor-default);box-shadow:none}.ToggleSwitch-track[disabled] .ToggleSwitch-circleIcon,.ToggleSwitch-track[disabled] .ToggleSwitch-lineIcon{color:var(--controlTrack-fgColor-disabled)}.ToggleSwitch-icons{align-items:center;display:flex;height:100%;overflow:hidden;width:100%}.ToggleSwitch-lineIcon{color:var(--control-checked-fgColor-rest);transform:translateX(-100%)}.ToggleSwitch-circleIcon,.ToggleSwitch-lineIcon{flex:1 0 50%;line-height:0;transition-duration:80ms;transition-property:transform}.ToggleSwitch-circleIcon{color:var(--controlTrack-fgColor-rest);transform:translateX(0)}.ToggleSwitch-knob{background-color:var(--controlKnob-bgColor-rest);border:var(--borderWidth-thin) solid var(--controlKnob-borderColor-rest);border-radius:var(--borderRadius-medium);bottom:0;box-shadow:var(--shadow-resting-medium),var(--button-default-shadow-inset);position:absolute;top:0;transition-duration:80ms;transition-property:transform;transition-timing-function:cubic-bezier(0.5, 1, 0.89, 1);width:50%;z-index:1}@media(prefers-reduced-motion){.ToggleSwitch-knob{transition:none}}.ToggleSwitch-status{color:var(--fgColor-default);font-size:var(--text-body-size-medium);line-height:1.5;position:relative;text-align:right}.ToggleSwitch-statusIcon{display:flex;margin-top:.063rem;width:var(--base-size-16)}.ToggleSwitch--small .ToggleSwitch-status{font-size:var(--text-body-size-small)}.ToggleSwitch--small .ToggleSwitch-track{height:var(--control-xsmall-size);width:var(--base-size-48)}.ToggleSwitch--disabled .ToggleSwitch-status{color:var(--fgColor-muted)}.ToggleSwitch-statusOn{height:0;visibility:hidden}.ToggleSwitch-statusOff{height:auto;visibility:visible}.ToggleSwitch--statusAtEnd{flex-direction:row-reverse}.ToggleSwitch--statusAtEnd .ToggleSwitch-status{text-align:left}
1
+ .ToggleSwitch,.ToggleSwitch.ToggleSwitch{display:inline-flex}.ToggleSwitch{align-items:center;gap:var(--controlStack-medium-gap-condensed)}.ToggleSwitch--checked .ToggleSwitch-statusOn{height:auto;visibility:visible}.ToggleSwitch--checked .ToggleSwitch-statusOff{height:0;visibility:hidden}.ToggleSwitch-track{appearance:none;background-color:var(--controlTrack-bgColor-rest);border:var(--borderWidth-thin) solid var(--controlTrack-borderColor-rest);border-radius:var(--borderRadius-medium);cursor:pointer;display:block;height:var(--control-medium-size);overflow:hidden;padding:0;position:relative;-webkit-text-decoration:none;text-decoration:none;transition-duration:80ms;transition-property:background-color,border-color;transition-timing-function:cubic-bezier(0.5, 1, 0.89, 1);-webkit-user-select:none;user-select:none;width:var(--base-size-64)}.ToggleSwitch-track:focus,.ToggleSwitch-track:focus-visible{outline-offset:1px}.ToggleSwitch-track:hover{background-color:var(--controlTrack-bgColor-hover)}.ToggleSwitch-track:active{background-color:var(--controlTrack-bgColor-active)}@media(pointer: coarse){:is(.ToggleSwitch-track:before){content:"";height:100%;left:50%;min-height:44px;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%);width:100%}}@media(prefers-reduced-motion){.ToggleSwitch-track,.ToggleSwitch-track *{transition:none}}.ToggleSwitch-track[aria-pressed=true][disabled]{background-color:var(--controlTrack-bgColor-disabled);border-color:rgba(0,0,0,0);color:var(--control-checked-fgColor-disabled)}.ToggleSwitch-track[aria-pressed=true]{background-color:var(--control-checked-bgColor-rest);border-color:var(--borderColor-transparent)}.ToggleSwitch-track[aria-pressed=true]:not([disabled]):hover{background-color:var(--control-checked-bgColor-hover)}.ToggleSwitch-track[aria-pressed=true]:not([disabled]):active{background-color:var(--control-checked-bgColor-active)}.ToggleSwitch-track[aria-pressed=true] .ToggleSwitch-knob{background-color:var(--controlKnob-bgColor-checked);border-color:var(--controlKnob-borderColor-checked);transform:translateX(100%)}.ToggleSwitch-track[aria-pressed=true] .ToggleSwitch-lineIcon{transform:translateX(0)}.ToggleSwitch-track[aria-pressed=true] .ToggleSwitch-circleIcon{transform:translateX(100%)}.ToggleSwitch-track[disabled]{background-color:var(--controlTrack-bgColor-disabled);border-color:rgba(0,0,0,0);cursor:not-allowed;transition-property:none}.ToggleSwitch-track[disabled] .ToggleSwitch-knob{border-color:var(--borderColor-default);box-shadow:none}.ToggleSwitch-track[disabled] .ToggleSwitch-circleIcon,.ToggleSwitch-track[disabled] .ToggleSwitch-lineIcon{color:var(--controlTrack-fgColor-disabled)}.ToggleSwitch-icons{align-items:center;display:flex;height:100%;overflow:hidden;width:100%}.ToggleSwitch-lineIcon{color:var(--control-checked-fgColor-rest);transform:translateX(-100%)}.ToggleSwitch-circleIcon,.ToggleSwitch-lineIcon{flex:1 0 50%;line-height:0;transition-duration:80ms;transition-property:transform}.ToggleSwitch-circleIcon{color:var(--controlTrack-fgColor-rest);transform:translateX(0)}.ToggleSwitch-knob{background-color:var(--controlKnob-bgColor-rest);border:var(--borderWidth-thin) solid var(--controlKnob-borderColor-rest);border-radius:var(--borderRadius-medium);bottom:0;box-shadow:var(--shadow-resting-medium),var(--button-default-shadow-inset);position:absolute;top:0;transition-duration:80ms;transition-property:transform;transition-timing-function:cubic-bezier(0.5, 1, 0.89, 1);width:50%;z-index:1}@media(prefers-reduced-motion){.ToggleSwitch-knob{transition:none}}.ToggleSwitch-status{color:var(--fgColor-default);font-size:var(--text-body-size-medium);line-height:1.5;position:relative;text-align:right}.ToggleSwitch-statusIcon{display:flex;margin-top:.063rem;width:var(--base-size-16)}.ToggleSwitch--small .ToggleSwitch-status{font-size:var(--text-body-size-small)}.ToggleSwitch--small .ToggleSwitch-track{height:var(--control-xsmall-size);width:var(--base-size-48)}.ToggleSwitch--disabled .ToggleSwitch-status{color:var(--fgColor-muted)}.ToggleSwitch-statusOn{height:0;visibility:hidden}.ToggleSwitch-statusOff{height:auto;visibility:visible}.ToggleSwitch--statusAtEnd{flex-direction:row-reverse}.ToggleSwitch--statusAtEnd .ToggleSwitch-status{text-align:left}
2
2
  /*# sourceMappingURL=toggle-switch.css.map */
@@ -1 +1 @@
1
- {"version":3,"sources":["file:///home/runner/work/css/css/src/toggle-switch/index.scss%23sass"],"names":[],"mappings":"AAiqBA,yCAAA,mBAAA,CAAA,cAAA,kBAAA,CAAA,4CAAA,CAAA,8CAAA,WAAA,CAAA,kBAAA,CAAA,+CAAA,QAAA,CAAA,iBAAA,CAAA,oBAAA,eAAA,CAAA,iDAAA,CAAA,yEAAA,CAAA,wCAAA,CAAA,cAAA,CAAA,aAAA,CAAA,iCAAA,CAAA,eAAA,CAAA,SAAA,CAAA,iBAAA,CAAA,4BAAA,CAAA,oBAAA,CAAA,wBAAA,CAAA,iDAAA,CAAA,wDAAA,CAAA,wBAAA,CAAA,gBAAA,CAAA,yBAAA,CAAA,4DAAA,kBAAA,CAAA,0BAAA,kDAAA,CAAA,2BAAA,mDAAA,CAAA,wBAAA,2BAAA,UAAA,CAAA,WAAA,CAAA,QAAA,CAAA,eAAA,CAAA,iBAAA,CAAA,OAAA,CAAA,2CAAA,CAAA,UAAA,CAAA,CAAA,+BAAA,0CAAA,eAAA,CAAA,CAAA,iDAAA,qDAAA,CAAA,0BAAA,CAAA,6CAAA,CAAA,uCAAA,oDAAA,CAAA,2CAAA,CAAA,6DAAA,qDAAA,CAAA,8DAAA,sDAAA,CAAA,0DAAA,mDAAA,CAAA,mDAAA,CAAA,0BAAA,CAAA,8DAAA,uBAAA,CAAA,gEAAA,0BAAA,CAAA,8BAAA,qDAAA,CAAA,0BAAA,CAAA,kBAAA,CAAA,wBAAA,CAAA,iDAAA,uCAAA,CAAA,eAAA,CAAA,4GAAA,0CAAA,CAAA,oBAAA,kBAAA,CAAA,YAAA,CAAA,WAAA,CAAA,eAAA,CAAA,UAAA,CAAA,uBAAA,yCAAA,CAAA,2BAAA,CAAA,gDAAA,YAAA,CAAA,aAAA,CAAA,wBAAA,CAAA,6BAAA,CAAA,yBAAA,sCAAA,CAAA,uBAAA,CAAA,mBAAA,gDAAA,CAAA,wEAAA,CAAA,wCAAA,CAAA,QAAA,CAAA,0EAAA,CAAA,iBAAA,CAAA,KAAA,CAAA,wBAAA,CAAA,6BAAA,CAAA,wDAAA,CAAA,SAAA,CAAA,SAAA,CAAA,+BAAA,mBAAA,eAAA,CAAA,CAAA,qBAAA,4BAAA,CAAA,sCAAA,CAAA,eAAA,CAAA,iBAAA,CAAA,gBAAA,CAAA,yBAAA,YAAA,CAAA,kBAAA,CAAA,yBAAA,CAAA,0CAAA,qCAAA,CAAA,yCAAA,iCAAA,CAAA,yBAAA,CAAA,6CAAA,0BAAA,CAAA,uBAAA,QAAA,CAAA,iBAAA,CAAA,wBAAA,WAAA,CAAA,kBAAA,CAAA,2BAAA,0BAAA,CAAA,gDAAA,eAAA","file":"toggle-switch.css"}
1
+ {"version":3,"sources":["file:///home/runner/work/css/css/src/toggle-switch/index.scss%23sass"],"names":[],"mappings":"AAiqBA,yCAAA,mBAAA,CAAA,cAAA,kBAAA,CAAA,4CAAA,CAAA,8CAAA,WAAA,CAAA,kBAAA,CAAA,+CAAA,QAAA,CAAA,iBAAA,CAAA,oBAAA,eAAA,CAAA,iDAAA,CAAA,yEAAA,CAAA,wCAAA,CAAA,cAAA,CAAA,aAAA,CAAA,iCAAA,CAAA,eAAA,CAAA,SAAA,CAAA,iBAAA,CAAA,4BAAA,CAAA,oBAAA,CAAA,wBAAA,CAAA,iDAAA,CAAA,wDAAA,CAAA,wBAAA,CAAA,gBAAA,CAAA,yBAAA,CAAA,4DAAA,kBAAA,CAAA,0BAAA,kDAAA,CAAA,2BAAA,mDAAA,CAAA,wBAAA,gCAAA,UAAA,CAAA,WAAA,CAAA,QAAA,CAAA,eAAA,CAAA,iBAAA,CAAA,OAAA,CAAA,2CAAA,CAAA,UAAA,CAAA,CAAA,+BAAA,0CAAA,eAAA,CAAA,CAAA,iDAAA,qDAAA,CAAA,0BAAA,CAAA,6CAAA,CAAA,uCAAA,oDAAA,CAAA,2CAAA,CAAA,6DAAA,qDAAA,CAAA,8DAAA,sDAAA,CAAA,0DAAA,mDAAA,CAAA,mDAAA,CAAA,0BAAA,CAAA,8DAAA,uBAAA,CAAA,gEAAA,0BAAA,CAAA,8BAAA,qDAAA,CAAA,0BAAA,CAAA,kBAAA,CAAA,wBAAA,CAAA,iDAAA,uCAAA,CAAA,eAAA,CAAA,4GAAA,0CAAA,CAAA,oBAAA,kBAAA,CAAA,YAAA,CAAA,WAAA,CAAA,eAAA,CAAA,UAAA,CAAA,uBAAA,yCAAA,CAAA,2BAAA,CAAA,gDAAA,YAAA,CAAA,aAAA,CAAA,wBAAA,CAAA,6BAAA,CAAA,yBAAA,sCAAA,CAAA,uBAAA,CAAA,mBAAA,gDAAA,CAAA,wEAAA,CAAA,wCAAA,CAAA,QAAA,CAAA,0EAAA,CAAA,iBAAA,CAAA,KAAA,CAAA,wBAAA,CAAA,6BAAA,CAAA,wDAAA,CAAA,SAAA,CAAA,SAAA,CAAA,+BAAA,mBAAA,eAAA,CAAA,CAAA,qBAAA,4BAAA,CAAA,sCAAA,CAAA,eAAA,CAAA,iBAAA,CAAA,gBAAA,CAAA,yBAAA,YAAA,CAAA,kBAAA,CAAA,yBAAA,CAAA,0CAAA,qCAAA,CAAA,yCAAA,iCAAA,CAAA,yBAAA,CAAA,6CAAA,0BAAA,CAAA,uBAAA,QAAA,CAAA,iBAAA,CAAA,wBAAA,WAAA,CAAA,kBAAA,CAAA,2BAAA,0BAAA,CAAA,gDAAA,eAAA","file":"toggle-switch.css"}
package/dist/truncate.css CHANGED
@@ -1,2 +1,2 @@
1
- .css-truncate .css-truncate-overflow,.css-truncate .css-truncate-target,.css-truncate.css-truncate-overflow,.css-truncate.css-truncate-target{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.css-truncate .css-truncate-target,.css-truncate.css-truncate-target{display:inline-block;max-width:125px;vertical-align:top}.css-truncate.expandable.css-truncate-target:hover,.css-truncate.expandable.zeroclipboard-is-hover .css-truncate-target,.css-truncate.expandable.zeroclipboard-is-hover.css-truncate-target,.css-truncate.expandable:hover .css-truncate-target{max-width:10000px !important}.Truncate{display:inline-flex;max-width:100%;min-width:0}.Truncate>.Truncate-text{max-width:-moz-fit-content;max-width:fit-content;min-width:1ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Truncate>.Truncate-text+.Truncate-text{margin-left:var(--control-small-gap)}.Truncate>.Truncate-text.Truncate-text--primary{flex-basis:200%}.Truncate>.Truncate-text.Truncate-text--expandable:active,.Truncate>.Truncate-text.Truncate-text--expandable:focus,.Truncate>.Truncate-text.Truncate-text--expandable:hover{cursor:pointer;flex-shrink:0;max-width:100% !important}
1
+ .css-truncate .css-truncate-overflow,.css-truncate .css-truncate-target,.css-truncate.css-truncate-overflow,.css-truncate.css-truncate-target{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.css-truncate .css-truncate-target,.css-truncate.css-truncate-target{display:inline-block;max-width:125px;vertical-align:top}.css-truncate.expandable.css-truncate-target:hover,.css-truncate.expandable.zeroclipboard-is-hover .css-truncate-target,.css-truncate.expandable.zeroclipboard-is-hover.css-truncate-target,.css-truncate.expandable:hover .css-truncate-target{max-width:10000px !important}.Truncate{display:inline-flex;max-width:100%;min-width:0}.Truncate>.Truncate-text{max-width:fit-content;min-width:1ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:is(.Truncate>.Truncate-text)+.Truncate-text{margin-left:var(--control-small-gap)}.Truncate-text--primary:is(.Truncate>.Truncate-text){flex-basis:200%}.Truncate-text--expandable:is(.Truncate>.Truncate-text):active,.Truncate-text--expandable:is(.Truncate>.Truncate-text):focus,.Truncate-text--expandable:is(.Truncate>.Truncate-text):hover{cursor:pointer;flex-shrink:0;max-width:100% !important}
2
2
  /*# sourceMappingURL=truncate.css.map */
@@ -1 +1 @@
1
- {"version":3,"sources":["file:///home/runner/work/css/css/src/truncate/index.scss%23sass"],"names":[],"mappings":"AAiqBA,8IAAA,eAAA,CAAA,sBAAA,CAAA,kBAAA,CAAA,qEAAA,oBAAA,CAAA,eAAA,CAAA,kBAAA,CAAA,gPAAA,4BAAA,CAAA,UAAA,mBAAA,CAAA,cAAA,CAAA,WAAA,CAAA,yBAAA,0BAAA,CAAA,qBAAA,CAAA,aAAA,CAAA,eAAA,CAAA,sBAAA,CAAA,kBAAA,CAAA,wCAAA,oCAAA,CAAA,gDAAA,eAAA,CAAA,4KAAA,cAAA,CAAA,aAAA,CAAA,yBAAA","file":"truncate.css"}
1
+ {"version":3,"sources":["file:///home/runner/work/css/css/src/truncate/index.scss%23sass"],"names":[],"mappings":"AAiqBA,8IAAA,eAAA,CAAA,sBAAA,CAAA,kBAAA,CAAA,qEAAA,oBAAA,CAAA,eAAA,CAAA,kBAAA,CAAA,gPAAA,4BAAA,CAAA,UAAA,mBAAA,CAAA,cAAA,CAAA,WAAA,CAAA,yBAAA,qBAAA,CAAA,aAAA,CAAA,eAAA,CAAA,sBAAA,CAAA,kBAAA,CAAA,6CAAA,oCAAA,CAAA,qDAAA,eAAA,CAAA,2LAAA,cAAA,CAAA,aAAA,CAAA,yBAAA","file":"truncate.css"}
@@ -17,7 +17,9 @@
17
17
  background-color: var(--bgColor-default, var(--color-canvas-default));
18
18
  background-repeat: no-repeat; // Repeat and position set for form states (success, error, etc)
19
19
  background-position: right 8px center; // For form validation. This keeps images 8px from right and centered vertically.
20
+ // stylelint-disable-next-line primer/borders
20
21
  border: $border-width $border-style var(--control-borderColor-rest, var(--color-border-default));
22
+ // stylelint-disable-next-line primer/borders
21
23
  border-radius: $border-radius;
22
24
  box-shadow: var(--shadow-inset, var(--color-primer-shadow-inset));
23
25
  transition: 80ms cubic-bezier(0.33, 1, 0.68, 1);
@@ -43,6 +45,7 @@
43
45
  &.border-0 {
44
46
  &:focus,
45
47
  &:focus-visible {
48
+ // stylelint-disable-next-line primer/borders
46
49
  border: $border-width $border-style var(--borderColor-accent-emphasis, var(--color-accent-fg)) !important;
47
50
  }
48
51
  }
@@ -143,6 +146,7 @@ textarea.form-control {
143
146
  padding: 2px var(--base-size-4);
144
147
  font-style: normal;
145
148
  background: var(--bgColor-attention-muted, var(--color-attention-subtle));
149
+ // stylelint-disable-next-line primer/borders
146
150
  border-radius: $border-radius;
147
151
  }
148
152
  }
@@ -254,7 +258,9 @@ input::-webkit-inner-spin-button {
254
258
  font-size: $h5-size;
255
259
  color: var(--fgColor-attention, var(--color-attention-fg));
256
260
  background: var(--bgColor-attention-muted, var(--color-attention-subtle));
261
+ // stylelint-disable-next-line primer/borders
257
262
  border: $border-width $border-style var(--borderColor-attention-emphasis, var(--color-attention-emphasis));
263
+ // stylelint-disable-next-line primer/borders
258
264
  border-radius: $border-radius;
259
265
 
260
266
  p {
@@ -176,8 +176,11 @@
176
176
  margin: var(--base-size-8) 0 0;
177
177
  font-size: $font-size-small;
178
178
  font-weight: $font-weight-normal;
179
+ // stylelint-disable-next-line primer/borders
179
180
  border-style: $border-style;
181
+ // stylelint-disable-next-line primer/borders
180
182
  border-width: $border-width;
183
+ // stylelint-disable-next-line primer/borders
181
184
  border-radius: $border-radius;
182
185
 
183
186
  &::after,
@@ -15,6 +15,7 @@
15
15
  line-height: 20px; // Specifically not inherit our `<body>` default
16
16
  color: var(--fgColor-default, var(--color-fg-default));
17
17
  cursor: pointer;
18
+ // stylelint-disable-next-line primer/borders
18
19
  border: $border-width $border-style var(--borderColor-default, var(--color-border-default));
19
20
 
20
21
  :checked + & {
@@ -25,12 +26,16 @@
25
26
 
26
27
  &:first-of-type {
27
28
  margin-left: 0;
29
+ // stylelint-disable-next-line primer/borders
28
30
  border-top-left-radius: $border-radius;
31
+ // stylelint-disable-next-line primer/borders
29
32
  border-bottom-left-radius: $border-radius;
30
33
  }
31
34
 
32
35
  &:last-of-type {
36
+ // stylelint-disable-next-line primer/borders
33
37
  border-top-right-radius: $border-radius;
38
+ // stylelint-disable-next-line primer/borders
34
39
  border-bottom-right-radius: $border-radius;
35
40
  }
36
41
 
@@ -37,6 +37,7 @@
37
37
  .Header-input {
38
38
  color: var(--header-fgColor-default, var(--color-header-text));
39
39
  background-color: var(--headerSearch-bgColor, var(--color-header-search-bg));
40
+ // stylelint-disable-next-line primer/borders
40
41
  border: $border-width $border-style var(--headerSearch-borderColor, var(--color-header-search-border));
41
42
  box-shadow: none;
42
43
 
@@ -12,7 +12,9 @@
12
12
  font-weight: $font-weight-semibold;
13
13
  line-height: 18px;
14
14
  white-space: nowrap;
15
+ // stylelint-disable-next-line primer/borders
15
16
  border: $border-width $border-style transparent;
17
+ // stylelint-disable-next-line primer/borders
16
18
  border-radius: 2em;
17
19
  }
18
20
 
@@ -1,6 +1,5 @@
1
1
  // stylelint-disable max-nesting-depth
2
2
  // stylelint-disable primer/spacing
3
- // stylelint-disable primer/borders
4
3
 
5
4
  .AppFrame {
6
5
 
package/layout/stack.scss CHANGED
@@ -161,14 +161,14 @@
161
161
 
162
162
  :not(.Stack--dir-inline#{$viewportRange}) > .Stack-divider,
163
163
  :not(.Stack--dir-inline#{$viewportRange}) > .Stack-item > .Stack-divider {
164
- border-block-end: var(--borderWidth-thin, 1px) solid var(--Stack-divider-color);
164
+ border-block-end: var(--borderWidth-thin, var(--borderWidth-thin)) solid var(--Stack-divider-color);
165
165
  inline-size: auto;
166
166
  block-size: 0;
167
167
  }
168
168
 
169
169
  .Stack--dir-inline#{$viewportRange} > .Stack-divider,
170
170
  .Stack--dir-inline#{$viewportRange} > .Stack-item > .Stack-divider {
171
- border-inline-end: var(--borderWidth-thin, 1px) solid var(--Stack-divider-color);
171
+ border-inline-end: var(--borderWidth-thin, var(--borderWidth-thin)) solid var(--Stack-divider-color);
172
172
  inline-size: 0;
173
173
  block-size: auto;
174
174
  }
@@ -10,6 +10,7 @@
10
10
  font-size: 85%;
11
11
  white-space: break-spaces; // keeps rendering spaces, but breaks them onto multiple lines
12
12
  background-color: var(--bgColor-neutral-muted, var(--color-neutral-muted));
13
+ // stylelint-disable-next-line primer/borders
13
14
  border-radius: $border-radius;
14
15
 
15
16
  br { display: none; }
@@ -60,6 +61,7 @@
60
61
  line-height: 1.45;
61
62
  color: var(--fgColor-default, var(--color-fg-default));
62
63
  background-color: var(--bgColor-muted, var(--color-canvas-subtle));
64
+ // stylelint-disable-next-line primer/borders
63
65
  border-radius: $border-radius;
64
66
  }
65
67
 
@@ -15,6 +15,7 @@
15
15
  .footnotes {
16
16
  font-size: $h6-size;
17
17
  color: var(--fgColor-muted, var(--color-fg-muted));
18
+ // stylelint-disable-next-line primer/borders
18
19
  border-top: $border;
19
20
 
20
21
  ol {
@@ -41,6 +42,7 @@
41
42
  content: '';
42
43
  // stylelint-disable-next-line primer/borders
43
44
  border: 2px $border-style var(--borderColor-accent-emphasis, var(--color-accent-emphasis));
45
+ // stylelint-disable-next-line primer/borders
44
46
  border-radius: $border-radius;
45
47
  }
46
48
 
@@ -41,6 +41,7 @@
41
41
  padding-bottom: 0.3em;
42
42
  // stylelint-disable-next-line primer/typography
43
43
  font-size: 2em;
44
+ // stylelint-disable-next-line primer/borders
44
45
  border-bottom: $border-width $border-style var(--borderColor-muted, var(--color-border-muted));
45
46
  }
46
47
 
@@ -49,6 +50,7 @@
49
50
  padding-bottom: 0.3em;
50
51
  // stylelint-disable-next-line primer/typography
51
52
  font-size: 1.5em;
53
+ // stylelint-disable-next-line primer/borders
52
54
  border-bottom: $border-width $border-style var(--borderColor-muted, var(--color-border-muted));
53
55
  }
54
56
 
@@ -8,7 +8,6 @@
8
8
  // because we put padding on the images to hide header lines, and some people
9
9
  // specify the width of their images in their markdown.
10
10
  box-sizing: content-box;
11
- background-color: var(--bgColor-default, var(--color-canvas-default));
12
11
 
13
12
  &[align='right'] {
14
13
  // stylelint-disable-next-line primer/spacing
@@ -44,6 +43,7 @@
44
43
  // stylelint-disable-next-line primer/spacing
45
44
  margin: 13px 0 0;
46
45
  overflow: hidden;
46
+ // stylelint-disable-next-line primer/borders
47
47
  border: $border-width $border-style var(--borderColor-default, var(--color-border-default));
48
48
  }
49
49
 
@@ -17,6 +17,7 @@
17
17
  td {
18
18
  // stylelint-disable-next-line primer/spacing
19
19
  padding: 6px 13px;
20
+ // stylelint-disable-next-line primer/borders
20
21
  border: $border-width $border-style var(--borderColor-default, var(--color-border-default));
21
22
  }
22
23
 
@@ -28,6 +29,7 @@
28
29
 
29
30
  tr {
30
31
  background-color: var(--bgColor-default, var(--color-canvas-default));
32
+ // stylelint-disable-next-line primer/borders
31
33
  border-top: $border-width $border-style var(--borderColor-muted, var(--color-border-muted));
32
34
 
33
35
  &:nth-child(2n) {
@@ -35,6 +35,7 @@
35
35
  text-overflow: ellipsis;
36
36
  white-space: nowrap;
37
37
  cursor: pointer;
38
+ // stylelint-disable-next-line primer/borders
38
39
  border-radius: $border-radius;
39
40
 
40
41
  &:hover {
@@ -16,6 +16,7 @@
16
16
  text-align: left;
17
17
  background-color: transparent;
18
18
  border: 0;
19
+ // stylelint-disable-next-line primer/borders
19
20
  border-top: $border-width $border-style var(--borderColor-muted, var(--color-border-muted));
20
21
 
21
22
  &:first-child {
@@ -12,6 +12,7 @@
12
12
  .subnav-bordered {
13
13
  // stylelint-disable-next-line primer/spacing
14
14
  padding-bottom: 20px;
15
+ // stylelint-disable-next-line primer/borders
15
16
  border-bottom: $border-width $border-style var(--borderColor-muted, var(--color-border-muted));
16
17
  }
17
18
 
@@ -28,6 +29,7 @@
28
29
  // stylelint-disable-next-line primer/typography
29
30
  line-height: 20px;
30
31
  color: var(--fgColor-default, var(--color-fg-default));
32
+ // stylelint-disable-next-line primer/borders
31
33
  border: $border-width $border-style var(--control-borderColor-rest, var(--color-border-default));
32
34
 
33
35
  + .subnav-item {
@@ -67,12 +69,16 @@
67
69
  }
68
70
 
69
71
  &:first-child {
72
+ // stylelint-disable-next-line primer/borders
70
73
  border-top-left-radius: $border-radius;
74
+ // stylelint-disable-next-line primer/borders
71
75
  border-bottom-left-radius: $border-radius;
72
76
  }
73
77
 
74
78
  &:last-child {
79
+ // stylelint-disable-next-line primer/borders
75
80
  border-top-right-radius: $border-radius;
81
+ // stylelint-disable-next-line primer/borders
76
82
  border-bottom-right-radius: $border-radius;
77
83
  }
78
84
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@primer/css",
3
- "version": "21.3.6-rc.13cf9bf9",
3
+ "version": "21.4.0-rc.3a7347b4",
4
4
  "description": "The CSS implementation of GitHub's Primer Design System",
5
5
  "homepage": "https://primer.style/css",
6
6
  "author": "GitHub, Inc.",
@@ -41,8 +41,8 @@
41
41
  "build:storybook": "cd docs && npm i && npm run build:storybook"
42
42
  },
43
43
  "dependencies": {
44
- "@primer/primitives": "^8.2.0",
45
- "@primer/view-components": "^0.27.0"
44
+ "@primer/primitives": "^9.0.3",
45
+ "@primer/view-components": "^0.33.0"
46
46
  },
47
47
  "devDependencies": {
48
48
  "@changesets/changelog-github": "^0.5.0",
@@ -16,7 +16,9 @@
16
16
  vertical-align: middle;
17
17
  cursor: pointer;
18
18
  user-select: none;
19
+ // stylelint-disable-next-line primer/borders
19
20
  border: $border-width $border-style transparent;
21
+ // stylelint-disable-next-line primer/borders
20
22
  border-radius: $border-radius;
21
23
  transition: border-color 0.2s cubic-bezier(0.3, 0, 0.5, 1);
22
24
 
@@ -62,6 +62,7 @@ $SelectMenu-max-height: 480px !default;
62
62
  pointer-events: auto;
63
63
  flex-direction: column;
64
64
  background-color: var(--overlay-bgColor, var(--color-canvas-overlay));
65
+ // stylelint-disable-next-line primer/borders
65
66
  border: $border-width $border-style var(--selectMenu-borderColor, var(--color-select-menu-backdrop-border));
66
67
  // stylelint-disable-next-line primer/borders
67
68
  border-radius: $border-radius * 2;
@@ -89,6 +90,7 @@ $SelectMenu-max-height: 480px !default;
89
90
  margin: var(--base-size-8) 0 var(--base-size-16) 0;
90
91
  font-size: $font-size-small;
91
92
  border-color: var(--borderColor-default, var(--color-border-default));
93
+ // stylelint-disable-next-line primer/borders
92
94
  border-radius: $border-radius;
93
95
  box-shadow: var(--shadow-floating-legacy, var(--color-overlay-shadow));
94
96
  animation-name: SelectMenu-modal-animation--sm;
@@ -104,6 +106,7 @@ $SelectMenu-max-height: 480px !default;
104
106
  padding: var(--base-size-16);
105
107
  flex: none; // fixes header from getting squeezed in Safari iOS
106
108
  align-items: center;
109
+ // stylelint-disable-next-line primer/borders
107
110
  border-bottom: $border-width $border-style var(--borderColor-muted, var(--color-border-muted));
108
111
 
109
112
  @include breakpoint(sm) {
@@ -144,6 +147,7 @@ $SelectMenu-max-height: 480px !default;
144
147
  .SelectMenu-filter {
145
148
  padding: var(--base-size-16);
146
149
  margin: 0;
150
+ // stylelint-disable-next-line primer/borders
147
151
  border-bottom: $border-width $border-style var(--borderColor-muted, var(--color-border-muted));
148
152
 
149
153
  @include breakpoint(sm) {
@@ -192,6 +196,7 @@ $SelectMenu-max-height: 480px !default;
192
196
  cursor: pointer;
193
197
  background-color: var(--overlay-bgColor, var(--color-canvas-overlay));
194
198
  border: 0;
199
+ // stylelint-disable-next-line primer/borders
195
200
  border-bottom: $border-width $border-style var(--borderColor-muted, var(--color-border-muted));
196
201
 
197
202
  @include breakpoint(sm) {
@@ -262,9 +267,12 @@ $SelectMenu-max-height: 480px !default;
262
267
  @include breakpoint(sm) {
263
268
  flex: none;
264
269
  padding: var(--base-size-4) var(--base-size-16);
270
+ // stylelint-disable-next-line primer/borders
265
271
  border: $border-width $border-style transparent;
266
272
  border-bottom-width: 0;
273
+ // stylelint-disable-next-line primer/borders
267
274
  border-top-left-radius: $border-radius;
275
+ // stylelint-disable-next-line primer/borders
268
276
  border-top-right-radius: $border-radius;
269
277
  }
270
278
 
@@ -292,6 +300,7 @@ $SelectMenu-max-height: 480px !default;
292
300
  padding: 7px var(--base-size-16);
293
301
  text-align: center;
294
302
  background-color: var(--overlay-bgColor, var(--color-canvas-overlay));
303
+ // stylelint-disable-next-line primer/borders
295
304
  border-bottom: $border-width $border-style var(--borderColor-muted, var(--color-border-muted));
296
305
  }
297
306
 
@@ -317,10 +326,12 @@ $SelectMenu-max-height: 480px !default;
317
326
  font-weight: $font-weight-semibold;
318
327
  color: var(--fgColor-muted, var(--color-fg-muted));
319
328
  background-color: var(--bgColor-muted, var(--color-canvas-subtle));
329
+ // stylelint-disable-next-line primer/borders
320
330
  border-bottom: $border-width $border-style var(--borderColor-muted, var(--color-border-muted));
321
331
 
322
332
  // Borderless
323
333
  .SelectMenu-list--borderless & {
334
+ // stylelint-disable-next-line primer/borders
324
335
  border-top: $border-width $border-style var(--borderColor-muted, var(--color-border-muted));
325
336
 
326
337
  &:empty {
@@ -340,6 +351,7 @@ $SelectMenu-max-height: 480px !default;
340
351
  font-size: $font-size-small;
341
352
  color: var(--fgColor-muted, var(--color-fg-muted));
342
353
  text-align: center;
354
+ // stylelint-disable-next-line primer/borders
343
355
  border-top: $border-width $border-style var(--borderColor-muted, var(--color-border-muted));
344
356
 
345
357
  @include breakpoint(sm) {
@@ -5,6 +5,7 @@
5
5
  margin: var(--base-size-8);
6
6
  color: var(--fgColor-default, var(--color-fg-default));
7
7
  background-color: var(--bgColor-default, var(--color-canvas-default));
8
+ // stylelint-disable-next-line primer/borders
8
9
  border-radius: $border-radius;
9
10
  box-shadow: inset 0 0 0 1px var(--borderColor-default, var(--color-border-default)), var(--shadow-floating-legacy, var(--color-overlay-shadow));
10
11
 
@@ -23,6 +24,7 @@
23
24
  flex-shrink: 0;
24
25
  color: var(--fgColor-onEmphasis, var(--color-fg-on-emphasis));
25
26
  background-color: var(--bgColor-accent-emphasis, var(--color-accent-emphasis));
27
+ // stylelint-disable-next-line primer/borders
26
28
  border: $border-width $border-style transparent;
27
29
  border-right: 0;
28
30
  border-top-left-radius: inherit;
@@ -23,7 +23,6 @@
23
23
  pointer-events: none;
24
24
  content: attr(aria-label);
25
25
  background: var(--bgColor-emphasis, var(--color-neutral-emphasis-plus));
26
- // stylelint-disable-next-line primer/borders
27
26
  border-radius: var(--borderRadius-medium);
28
27
  opacity: 0;
29
28
  }
@@ -195,6 +194,7 @@
195
194
  max-width: var(--overlay-width-small, 20rem);
196
195
  word-wrap: break-word;
197
196
  white-space: pre-line;
197
+ // stylelint-disable-next-line primer/borders
198
198
  border-collapse: separate;
199
199
  }
200
200