@primer/css 0.0.0-20219633235 → 0.0.0-2021986475

package/actionlist/actionlist.scss

@@ -1,492 +0,0 @@
-// // Most of this file should be provided by primer/src/support already
-
-// $actionList-item-hover-bg: #f0f3f5;
-// $actionList-item-active-bg: #e8ebed;
-// $actionList-item-selected-bg: #f0f3f5;
-// $actionList-item-focus-bg: #e0e4e7;
-// $actionList-item-divider: #e9e9ed;
-
-// $actionList-item-danger-hover-bg: #fff0f2;
-// $actionList-item-danger-active-bg: #ffebed;
-// $actionList-item-danger-focus-bg: #ffdbe0;
-
-// // expanded from src/support/variables/misc.scss
-
-// $border-radius-1: 4px !default;
-// $border-radius-2: 6px !default;
-// $border-radius-3: 8px !default;
-// $border-radius-4: 12px !default;
-
-// $box-shadow-medium: 0 3px 6px rgba(#000, 0.12) !default;
-// $box-shadow-large: 0 6px 18px rgba(#000, 0.16) !default;
-// $box-shadow-extra-large: 0 12px 48px rgba(#000, 0.2) !default;
-
-// $overlay-shadow-popover: 0px 1px 3px rgba(0, 0, 0, 0.12), 0px 8px 24px rgba(149, 157, 165, 0.2);
-
-// // expanded from src/support/variables/layout.scss
-// // adds 12px to the scale as of https://github.com/github/design-systems/issues/992
-// //
-// // https://github.com/github/design-systems/issues/1272
-
-// $s-0: 0;
-// $s-4: 4px;
-// $s-8: 8px;
-// $s-12: 12px;
-// $s-16: 16px;
-// $s-20: 20px;
-// $s-24: 24px;
-// $s-28: 28px;
-// $s-32: 32px;
-// $s-40: 40px;
-// $s-48: 48px;
-
-// // pulled from src/support/variables/color-system.scss
-
-// // -------- Grays --------
-// $gray-000: #fafbfc !default;
-// $gray-100: #f6f8fa !default;
-// $gray-200: #e1e4e8 !default;
-// $gray-300: #d1d5da !default;
-// $gray-400: #959da5 !default;
-// $gray-500: #6a737d !default;
-// $gray-600: #586069 !default;
-// $gray-700: #444d56 !default;
-// $gray-800: #2f363d !default;
-// $gray-900: #24292e !default; // body font color
-
-// // -------- Accent -------
-// $blue-500: #0366d6;
-
-// // Typographic colors, from some color mode file
-
-// $text-primary: $gray-900;
-// $text-secondary: $gray-500;
-// $text-danger: #cb2431;
-
-// // CSS Easing
-
-// $ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
-// $ease-out-cubic: cubic-bezier(0.33, 1, 0.68, 1);
-// $ease-out-quart: cubic-bezier(0.25, 1, 0.5, 1);
-
-// .actionList {
-//   padding: $s-8;
-//   list-style: none;
-
-//   ul,
-//   li {
-//     list-style: none;
-//   }
-// }
-
-// .actionList-item {
-//   // :before pseudo-element is used for the inline divider
-//   // :after pseudo-element is used for selected accent line on the left
-
-//   position: relative;
-
-//   // katie edit
-//   // we could also use [aria-current] selector, and/or just conditionally add this class
-//   &.actionList-item--active {
-//     &:before,
-//     + .actionList-item:before {
-//       visibility: hidden;
-//     }
-
-//     .actionList-item-content {
-//       background: $actionList-item-selected-bg;
-
-//       @media (hover: hover) and (pointer: fine) {
-//         &:hover {
-//           background: $actionList-item-active-bg;
-//         }
-//       }
-//     }
-
-//     // Blue accent for selected item.
-
-//     &:after {
-//       content: '';
-//       width: $s-4;
-//       height: $s-24;
-//       border-radius: 4px;
-//       position: absolute;
-//       left: -8px;
-//       top: calc(50% - (24px / 2));
-
-//       // I think this translates as fg-accent in color modes
-//       background: $blue-500;
-//     }
-//   }
-
-//   &.actionList-item--selected {
-//     // Hide the inline divider for the current item and the sibling's
-
-//     &:before,
-//     + .actionList-item:before {
-//       visibility: hidden;
-//     }
-
-//     .actionList-item-content {
-//       background: $actionList-item-selected-bg;
-
-//       @media (hover: hover) and (pointer: fine) {
-//         &:hover {
-//           background: $actionList-item-active-bg;
-//         }
-//       }
-//     }
-
-//     // Blue accent for selected item.
-
-//     &:after {
-//       content: '';
-//       width: $s-4;
-//       height: $s-24;
-//       border-radius: 4px;
-//       position: absolute;
-//       left: -8px;
-//       top: calc(50% - (24px / 2));
-
-//       // I think this translates as fg-accent in color modes
-//       background: $blue-500;
-//     }
-//   }
-
-//   // Hides sibling's divider if item is :hover or :active
-
-//   &:hover:before,
-//   &:hover + .actionList-item:before {
-//     visibility: hidden;
-//   }
-
-//   &:active:before,
-//   &:active + .actionList-item:before {
-//     visibility: hidden;
-//   }
-// }
-
-// .actionList-item-content {
-//   position: relative;
-//   display: flex;
-//   align-items: start;
-//   border-radius: $border-radius-2;
-//   font-weight: normal;
-//   color: inherit;
-//   text-decoration: none;
-//   border: none;
-//   background: none;
-//   text-align: start;
-//   margin: 0;
-//   width: 100%;
-
-//   // 32px total height considering 20px line-height
-//   padding: (($s-32 - $s-20) / 2) $s-8;
-
-//   // do we want this?
-//   user-select: none;
-
-//   // since we're already using an :active bg
-//   -webkit-tap-highlight-color: transparent;
-
-//   // 2 frames on a 60hz monitor
-//   transition: background 33.333ms linear;
-
-//   &:hover {
-//     text-decoration: none;
-//   }
-
-//   &:focus-visible {
-//     outline: none;
-//     box-shadow: 0 0 0 2px $blue-500; // fg-accent
-//     position: relative;
-//     z-index: 1;
-//   }
-
-//   @media (hover: hover) and (pointer: fine) {
-//     &:hover {
-//       background: $actionList-item-hover-bg;
-//       cursor: pointer;
-//     }
-//   }
-
-//   &:active {
-//     background: $actionList-item-active-bg;
-
-//     @media screen and (prefers-reduced-motion: no-preference) {
-//       animation: actionList-item-active-bg 4s forwards $ease-out-cubic;
-//     }
-
-//     @keyframes actionList-item-active-bg {
-//       0% {
-//       }
-//       50% {
-//         transform: scale(1);
-//         box-shadow: inset 0 0 0 rgba(#000, 0.04);
-//       }
-//       100% {
-//         transform: scale(0.97);
-//         box-shadow: inset 0 3px 9px rgba(#000, 0.04);
-//       }
-//     }
-//   }
-
-//   //a replacement for `gap: $s-8;` since its compatibility is a little shady
-
-//   > * {
-//     margin-right: $s-8;
-//   }
-//   > &:last-child {
-//     margin-right: 0;
-//   }
-// }
-
-// // size (default: small)
-// // small | medium | large
-
-// // Medium-sized items
-
-// .actionList--sizeMedium .actionList-item,
-// .actionList-item--sizeMedium {
-//   // 40px total height considering 20px line-height
-//   padding-top: (($s-40 - $s-20) / 2);
-//   padding-bottom: (($s-40 - $s-20) / 2);
-// }
-
-// // Large-sized items
-
-// .actionList--sizeLarge .actionList-item .actionList-item-content,
-// .actionList-item--sizeLarge .actionList-item-content {
-//   // 48px total height considering 20px line-height
-//   padding-top: (($s-48 - $s-20) / 2);
-//   padding-bottom: (($s-48 - $s-20) / 2);
-// }
-
-// // On pointer:coarse, all list items are large
-
-// @media (pointer: coarse) {
-//   .actionList-item {
-//     // 48px total height considering 20px line-height
-//     padding-top: (($s-48 - $s-20) / 2);
-//     padding-bottom: (($s-48 - $s-20) / 2);
-//   }
-// }
-
-// // Danger listItem
-
-// // TODO: conflict with selected state
-// .actionList-item--danger {
-//   .actionList-item-content {
-//     color: $text-danger;
-
-//     @media (hover: hover) and (pointer: fine) {
-//       &:hover {
-//         background: $actionList-item-danger-hover-bg;
-//       }
-//     }
-
-//     &:active {
-//       background: $actionList-item-danger-active-bg;
-//     }
-//   }
-// }
-
-// // listItem elements
-// // TODO: safegaurd against incorrect SVG sizes
-// .actionList-item-leadingVisual,
-// .actionList-item-leadingVisual-16,
-// .actionList-item-leadingVisual-20 {
-//   width: $s-16;
-//   height: $s-20;
-//   display: flex;
-//   flex-direction: column;
-//   justify-content: center;
-
-//   svg {
-//     fill: $text-secondary;
-//   }
-// }
-
-// .actionList-item-leadingVisual-20 {
-//   width: $s-20;
-// }
-
-// .actionList-item-label {
-//   flex: 1;
-// }
-
-// .actionList-item-inlineDescription {
-//   align-self: baseline;
-//   // text-small
-//   font-size: 12px;
-//   line-height: 18px;
-//   color: $text-secondary;
-// }
-
-// // TODO: should label always be bold above a block description?
-// .actionList-item-blockDescription {
-//   align-self: baseline;
-//   display: block;
-
-//   // text-small
-//   font-size: 12px;
-//   line-height: 18px;
-//   color: $text-secondary;
-//   margin-top: $s-4;
-// }
-
-// // child of .actionList-item-label, placed above everything
-// .actionList-item-trailingText {
-//   margin-left: $s-16;
-//   float: right;
-//   color: $text-secondary;
-// }
-
-// // sibling of .actionList-item-label
-// .actionList-item-trailingVisual {
-//   height: $s-20;
-//   display: flex;
-//   flex-direction: column;
-//   justify-content: center;
-
-//   svg {
-//     fill: $text-secondary;
-//   }
-// }
-
-// // Single-selection & Multi selection
-// // TODO: can this be simplified?
-// .actionList--single-selection .actionList-item > .actionList-item-content,
-// .actionList--multi-selection .actionList-item > .actionList-item-content,
-// .actionList-item--single-selection > .actionList-item-content,
-// .actionList-item--multi-selection > .actionList-item-content {
-//   padding-left: ($s-16 + $s-16);
-// }
-
-// .actionList-item .actionList-item-check {
-//   width: $s-16;
-//   height: $s-20;
-//   display: flex;
-//   flex-direction: column;
-//   justify-content: center;
-//   margin-left: ($s-24 * -1);
-//   align-items: center;
-
-//   svg {
-//     fill: $text-secondary;
-//   }
-//   input {
-//     cursor: pointer;
-//   }
-// }
-
-// // Dividers
-
-// .actionList--divided .actionList-item:before,
-// .actionList-item--divided:before {
-//   content: '';
-//   display: block;
-//   position: absolute;
-//   width: calc(100% - #{$s-16});
-//   height: 1px;
-//   background: $actionList-item-divider;
-//   top: 0;
-//   left: $s-8;
-// }
-
-// .actionList-item:first-child:before,
-// .actionList-sectionDivider + .actionList-item:before,
-// .actionList-sectionHeader + .actionList-item:before {
-//   visibility: hidden;
-// }
-
-// .actionList--divided-indent-16 .actionList-item:before,
-// .actionList-item--divided-indent-16:before {
-//   left: $s-16 + $s-16;
-//   width: calc(100% - 40px) !important;
-// }
-
-// .actionList--divided-indent-20 .actionList-item:before,
-// .actionList-item--divided-indent-20:before {
-//   left: $s-20 + $s-16;
-//   width: calc(100% - 44px) !important;
-// }
-
-// .actionList--divided-indent-24 .actionList-item:before,
-// .actionList-item--divided-indent-24:before {
-//   left: $s-24 + $s-16;
-//   width: calc(100% - 48px) !important;
-// }
-
-// .actionList--divided-indent-32 .actionList-item:before,
-// .actionList-item--divided-indent-32:before {
-//   left: $s-32 + $s-16;
-//   width: calc(100% - 56px) !important;
-// }
-
-// .actionList--single-selection.actionList--divided .actionList-item:before,
-// .actionList--multi-selection.actionList--divided .actionList-item:before,
-// .actionList-item--single-selection.actionList-item--divided:before,
-// .actionList-item--multi-selection.actionList-item--divided:before {
-//   left: $s-16 + $s-16;
-//   width: calc(100% - 40px) !important;
-// }
-
-// .actionList--single-selection.actionList--divided-indent-20 .actionList-item:before,
-// .actionList--multi-selection.actionList--divided-indent-20 .actionList-item:before,
-// .actionList--single-selection .actionList-item--divided-indent-20:before,
-// .actionList--multi-selection .actionList-item--divided-indent-20:before {
-//   left: $s-20 + $s-16;
-//   width: calc(100% - 44px) !important;
-// }
-
-// // Section divider
-
-// .actionList-sectionDivider {
-//   height: 1px;
-//   background: $actionList-item-divider;
-//   border: 0;
-//   margin: ($s-8 - 1px) ($s-8 * -1) $s-8;
-//   padding: 0;
-// }
-
-// .actionList-sectionDivider--filled {
-//   height: $s-8;
-//   border-top: 1px solid $gray-200;
-//   border-bottom: 1px solid $gray-200;
-//   background: $gray-100;
-//   box-sizing: border-box;
-//   margin: $s-8 ($s-8 * -1);
-// }
-
-// // Section header
-
-// .actionList-sectionHeader {
-//   // 32px total height considering 20px line-height
-//   padding: (($s-32 - $s-20) / 2) $s-8;
-//   font-size: 12px; // text-small
-
-//   // is this a variable in primer css?
-//   font-weight: 600;
-
-//   color: $text-secondary;
-// }
-
-// .actionList-sectionHeader--filled {
-//   background: $gray-100;
-//   margin: $s-8 ($s-8 * -1);
-//   border-top: 1px solid $gray-200;
-//   border-bottom: 1px solid $gray-200;
-
-//   &:first-child {
-//     margin-top: 0;
-//   }
-// }
-
-// // Nested content
-// // Doesn't work with dividers
-
-// .actionList-item-nestedContent {
-//   padding-left: $s-16;
-//   padding-bottom: $s-8;
-// }

package/actionlist/index.scss

@@ -1,3 +0,0 @@
-@import '../support/index.scss';
-@import './actionlist.scss';
-@import './actionlist-edits.scss';

package/dist/actionlist.css

@@ -1,2 +0,0 @@
-.actionList{padding:8px;list-style:none}.actionList ul,.actionList li{list-style:none}.actionList-item{position:relative}.actionList-item .actionList-item-content-singleSelect .actionList-item-check{visibility:hidden}.actionList-item[aria-checked=true] .actionList-item-content-singleSelect .actionList-item-check{visibility:visible}.actionList-item.actionList-item--active:before,.actionList-item.actionList-item--active+.actionList-item:before{visibility:hidden}.actionList-item.actionList-item--active .actionList-item-content{background:#f0f3f5}@media(hover: hover)and (pointer: fine){.actionList-item.actionList-item--active .actionList-item-content:hover{background:#e8ebed}}.actionList-item.actionList-item--active:after{content:"";width:4px;height:24px;border-radius:4px;position:absolute;left:-8px;top:calc(50% - 12px);background:var(--color-accent-fg)}.actionList-item:hover:before,.actionList-item:hover+.actionList-item:before{visibility:hidden}.actionList-item:active:before,.actionList-item:active+.actionList-item:before{visibility:hidden}.actionList-item-content{display:grid;padding:6px 8px;grid-template-rows:minmax(20px, max-content);grid-template-columns:minmax(min-content, 100%);column-gap:8px;align-items:center;position:relative;border-radius:6px;font-weight:normal;color:inherit;text-decoration:none;border:none;background:none;margin:0;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:background 33.333ms linear}.actionList-item-content .actionList-item-visual{min-height:20px;display:flex;align-items:center;fill:var(--color-fg-muted)}.actionList-item-content.actionList-item--leadingVisual{grid-template-columns:min-content minmax(min-content, auto)}.actionList-item-content.actionList-item--trailingVisual{grid-template-columns:minmax(min-content, auto) min-content}.actionList-item-content.actionList-item--leadingVisual.actionList-item--trailingVisual{grid-template-columns:min-content minmax(min-content, auto) min-content}.actionList-item-content.actionList-item-content-singleSelect{grid-template-columns:min-content minmax(min-content, auto)}.actionList-item-content.actionList-item-content-singleSelect.actionList-item--leadingVisual{grid-template-columns:min-content min-content minmax(min-content, auto)}.actionList-item-content.actionList-item-content-singleSelect.actionList-item--trailingVisual{grid-template-columns:min-content minmax(min-content, auto) min-content}.actionList-item-content.actionList-item-content-singleSelect.actionList-item--leadingVisual.actionList-item--trailingVisual{grid-template-columns:min-content min-content minmax(min-content, auto) min-content}.actionList-item-content.actionList-item-content-multiSelect{grid-template-columns:min-content minmax(min-content, auto)}.actionList-item-content.actionList-item-content-multiSelect.actionList-item--leadingVisual{grid-template-columns:min-content min-content minmax(min-content, auto)}.actionList-item-content.actionList-item-content-multiSelect.actionList-item--trailingVisual{grid-template-columns:min-content minmax(min-content, auto) min-content}.actionList-item-content.actionList-item-content-multiSelect.actionList-item--leadingVisual.actionList-item--trailingVisual{grid-template-columns:min-content min-content minmax(min-content, auto) min-content}.actionList-item-content .actionList-item-label{font-weight:normal;color:inherit}.actionList-item-content .actionList-item-label-primary{font-weight:bold}.actionList-item-content .actionList-item-label--blockDescription{display:flex;flex-direction:column}.actionList-item-content .actionList-item-label--blockDescription .actionList-item-label-description{margin-top:4px}.actionList-item-content .actionList-item-label--inlineDescription{display:flex;flex-direction:row;align-items:baseline}.actionList-item-content .actionList-item-label--inlineDescription .actionList-item-label-description{margin-left:8px}.actionList-item-content .actionList-item-label-description{font-size:12px;line-height:18px;color:var(--color-fg-muted)}.actionList-item-content:hover{text-decoration:none}.actionList-item-content:focus-visible{outline:none;box-shadow:0 0 0 2px var(--color-accent-fg);position:relative;z-index:1}@media(hover: hover)and (pointer: fine){.actionList-item-content:hover{background:#f0f3f5;cursor:pointer}}.actionList-item-content:active{background:#e8ebed}@media screen and (prefers-reduced-motion: no-preference){.actionList-item-content:active{animation:actionList-item-active-bg 4s forwards cubic-bezier(0.33, 1, 0.68, 1)}}@keyframes actionList-item-active-bg{50%{transform:scale(1);box-shadow:inset 0 0 0 rgba(0,0,0,.04)}100%{transform:scale(0.97);box-shadow:inset 0 3px 9px rgba(0,0,0,.04)}}.actionList-item--sizeMedium{grid-template-rows:minmax(28px, max-content)}.actionList-item--sizeLarge{grid-template-rows:minmax(36px, max-content)}@media(pointer: coarse){.actionList-item{grid-template-rows:minmax(36px, max-content)}}.actionList-item-content-blockDescription .actionList-item-visual{place-self:start}.actionList-item--danger .actionList-item-content{color:var(--color-danger-fg)}@media(hover: hover)and (pointer: fine){.actionList-item--danger .actionList-item-content:hover{background:#fff0f2}}.actionList-item--danger .actionList-item-content:active{background:#ffebed}.actionList-item-inlineDescription{align-self:baseline;font-size:12px;line-height:18px;color:var(--color-fg-muted)}.actionList-item-blockDescription{display:block;font-size:12px;line-height:18px;color:var(--color-fg-muted);margin-top:4px}.actionList--single-selection .actionList-item>.actionList-item-content,.actionList--multi-selection .actionList-item>.actionList-item-content,.actionList-item--single-selection>.actionList-item-content,.actionList-item--multi-selection>.actionList-item-content{padding-left:32px}.actionList--divided .actionList-item:before,.actionList-item--divided:before{content:"";display:block;position:absolute;width:calc(100% - 16px);height:1px;background:#e9e9ed;top:0;left:8px}.actionList-item:first-child:before,.actionList-sectionDivider+.actionList-item:before,.actionList-sectionHeader+.actionList-item:before{visibility:hidden}.actionList--divided-indent-16 .actionList-item:before,.actionList-item--divided-indent-16:before{left:32px;width:calc(100% - 40px) !important}.actionList--divided-indent-20 .actionList-item:before,.actionList-item--divided-indent-20:before{left:36px;width:calc(100% - 44px) !important}.actionList--divided-indent-24 .actionList-item:before,.actionList-item--divided-indent-24:before{left:40px;width:calc(100% - 48px) !important}.actionList--divided-indent-32 .actionList-item:before,.actionList-item--divided-indent-32:before{left:48px;width:calc(100% - 56px) !important}.actionList--single-selection.actionList--divided .actionList-item:before,.actionList--multi-selection.actionList--divided .actionList-item:before,.actionList-item--single-selection.actionList-item--divided:before,.actionList-item--multi-selection.actionList-item--divided:before{left:32px;width:calc(100% - 40px) !important}.actionList--single-selection.actionList--divided-indent-20 .actionList-item:before,.actionList--multi-selection.actionList--divided-indent-20 .actionList-item:before,.actionList--single-selection .actionList-item--divided-indent-20:before,.actionList--multi-selection .actionList-item--divided-indent-20:before{left:36px;width:calc(100% - 44px) !important}.actionList-sectionDivider{height:1px;background:#e9e9ed;border:0;margin:7px -8px 8px;padding:0}.actionList-sectionDivider--filled{height:8px;border-top:1px solid #e1e4e8;border-bottom:1px solid #e1e4e8;background:#f6f8fa;box-sizing:border-box;margin:8px -8px}.actionList-sectionHeader{padding:6px 8px;font-size:12px;font-weight:600;color:var(--color-fg-muted)}.actionList-sectionHeader--filled{background:#f6f8fa;margin:8px -8px;border-top:1px solid #e1e4e8;border-bottom:1px solid #e1e4e8}.actionList-sectionHeader--filled:first-child{margin-top:0}.actionList-item-nestedContent{padding-left:16px;padding-bottom:8px}
-/*# sourceMappingURL=actionlist.css.map */

package/dist/actionlist.css.map

@@ -1 +0,0 @@
-{"version":3,"sources":["file:///home/runner/work/css/css/src/actionlist/index.scss%23sass"],"names":[],"mappings":"AAi9BA,YAAA,WAAA,CAAA,eAAA,CAAA,8BAAA,eAAA,CAAA,iBAAA,iBAAA,CAAA,8EAAA,iBAAA,CAAA,iGAAA,kBAAA,CAAA,iHAAA,iBAAA,CAAA,kEAAA,kBAAA,CAAA,wCAAA,wEAAA,kBAAA,CAAA,CAAA,+CAAA,UAAA,CAAA,SAAA,CAAA,WAAA,CAAA,iBAAA,CAAA,iBAAA,CAAA,SAAA,CAAA,oBAAA,CAAA,iCAAA,CAAA,6EAAA,iBAAA,CAAA,+EAAA,iBAAA,CAAA,yBAAA,YAAA,CAAA,eAAA,CAAA,4CAAA,CAAA,+CAAA,CAAA,cAAA,CAAA,kBAAA,CAAA,iBAAA,CAAA,iBAAA,CAAA,kBAAA,CAAA,aAAA,CAAA,oBAAA,CAAA,WAAA,CAAA,eAAA,CAAA,QAAA,CAAA,wBAAA,CAAA,gBAAA,CAAA,uCAAA,CAAA,qCAAA,CAAA,iDAAA,eAAA,CAAA,YAAA,CAAA,kBAAA,CAAA,0BAAA,CAAA,wDAAA,2DAAA,CAAA,yDAAA,2DAAA,CAAA,wFAAA,uEAAA,CAAA,8DAAA,2DAAA,CAAA,6FAAA,uEAAA,CAAA,8FAAA,uEAAA,CAAA,6HAAA,mFAAA,CAAA,6DAAA,2DAAA,CAAA,4FAAA,uEAAA,CAAA,6FAAA,uEAAA,CAAA,4HAAA,mFAAA,CAAA,gDAAA,kBAAA,CAAA,aAAA,CAAA,wDAAA,gBAAA,CAAA,kEAAA,YAAA,CAAA,qBAAA,CAAA,qGAAA,cAAA,CAAA,mEAAA,YAAA,CAAA,kBAAA,CAAA,oBAAA,CAAA,sGAAA,eAAA,CAAA,4DAAA,cAAA,CAAA,gBAAA,CAAA,2BAAA,CAAA,+BAAA,oBAAA,CAAA,uCAAA,YAAA,CAAA,2CAAA,CAAA,iBAAA,CAAA,SAAA,CAAA,wCAAA,+BAAA,kBAAA,CAAA,cAAA,CAAA,CAAA,gCAAA,kBAAA,CAAA,0DAAA,gCAAA,8EAAA,CAAA,CAAA,qCAAA,IAAA,kBAAA,CAAA,sCAAA,CAAA,KAAA,qBAAA,CAAA,0CAAA,CAAA,CAAA,6BAAA,4CAAA,CAAA,4BAAA,4CAAA,CAAA,wBAAA,iBAAA,4CAAA,CAAA,CAAA,kEAAA,gBAAA,CAAA,kDAAA,4BAAA,CAAA,wCAAA,wDAAA,kBAAA,CAAA,CAAA,yDAAA,kBAAA,CAAA,mCAAA,mBAAA,CAAA,cAAA,CAAA,gBAAA,CAAA,2BAAA,CAAA,kCAAA,aAAA,CAAA,cAAA,CAAA,gBAAA,CAAA,2BAAA,CAAA,cAAA,CAAA,sQAAA,iBAAA,CAAA,8EAAA,UAAA,CAAA,aAAA,CAAA,iBAAA,CAAA,uBAAA,CAAA,UAAA,CAAA,kBAAA,CAAA,KAAA,CAAA,QAAA,CAAA,yIAAA,iBAAA,CAAA,kGAAA,SAAA,CAAA,kCAAA,CAAA,kGAAA,SAAA,CAAA,kCAAA,CAAA,kGAAA,SAAA,CAAA,kCAAA,CAAA,kGAAA,SAAA,CAAA,kCAAA,CAAA,wRAAA,SAAA,CAAA,kCAAA,CAAA,wTAAA,SAAA,CAAA,kCAAA,CAAA,2BAAA,UAAA,CAAA,kBAAA,CAAA,QAAA,CAAA,mBAAA,CAAA,SAAA,CAAA,mCAAA,UAAA,CAAA,4BAAA,CAAA,+BAAA,CAAA,kBAAA,CAAA,qBAAA,CAAA,eAAA,CAAA,0BAAA,eAAA,CAAA,cAAA,CAAA,eAAA,CAAA,2BAAA,CAAA,kCAAA,kBAAA,CAAA,eAAA,CAAA,4BAAA,CAAA,+BAAA,CAAA,8CAAA,YAAA,CAAA,+BAAA,iBAAA,CAAA,kBAAA","file":"actionlist.css"}

package/dist/actionlist.js

@@ -1 +0,0 @@
-export {cssstats: require('./stats/actionlist.json')}

package/dist/stats/actionlist.json

@@ -1 +0,0 @@
-{"size":8044,"gzipSize":1513,"humanizedSize":"8KB","humanizedGzipSize":"1KB","rules":{"total":62,"size":{"graph":[2,1,1,1,1,1,1,1,8,1,1,18,4,1,1,1,1,1,1,1,1,1,1,1,2,1,2,1,3,1,3,1,4,2,1,1,2,2,1,1,1,1,1,1,1,4,5,1,8,1,2,2,2,2,2,2,5,6,4,4,1,2],"max":18,"average":2.225806451612903},"selectorByRuleSizes":[{"selector":".actionList-item-content","declarations":18},{"selector":".actionList--divided .actionList-item:before,.actionList-item--divided:before","declarations":8},{"selector":".actionList-item.actionList-item--active:after","declarations":8},{"selector":".actionList-sectionDivider--filled","declarations":6},{"selector":".actionList-sectionDivider","declarations":5},{"selector":".actionList-item-blockDescription","declarations":5},{"selector":".actionList-sectionHeader--filled","declarations":4},{"selector":".actionList-sectionHeader","declarations":4},{"selector":".actionList-item-inlineDescription","declarations":4},{"selector":".actionList-item-content:focus-visible","declarations":4},{"selector":".actionList-item-content .actionList-item-visual","declarations":4},{"selector":".actionList-item-content .actionList-item-label-description","declarations":3},{"selector":".actionList-item-content .actionList-item-label--inlineDescription","declarations":3},{"selector":".actionList-item-nestedContent","declarations":2},{"selector":".actionList--single-selection.actionList--divided-indent-20 .actionList-item:before,.actionList--multi-selection.actionList--divided-indent-20 .actionList-item:before,.actionList--single-selection .actionList-item--divided-indent-20:before,.actionList--multi-selection .actionList-item--divided-indent-20:before","declarations":2},{"selector":".actionList--single-selection.actionList--divided .actionList-item:before,.actionList--multi-selection.actionList--divided .actionList-item:before,.actionList-item--single-selection.actionList-item--divided:before,.actionList-item--multi-selection.actionList-item--divided:before","declarations":2},{"selector":".actionList--divided-indent-32 .actionList-item:before,.actionList-item--divided-indent-32:before","declarations":2},{"selector":".actionList--divided-indent-24 .actionList-item:before,.actionList-item--divided-indent-24:before","declarations":2},{"selector":".actionList--divided-indent-20 .actionList-item:before,.actionList-item--divided-indent-20:before","declarations":2},{"selector":".actionList--divided-indent-16 .actionList-item:before,.actionList-item--divided-indent-16:before","declarations":2},{"selector":"100%","declarations":2},{"selector":"50%","declarations":2},{"selector":".actionList-item-content:hover","declarations":2},{"selector":".actionList-item-content .actionList-item-label--blockDescription","declarations":2},{"selector":".actionList-item-content .actionList-item-label","declarations":2},{"selector":".actionList","declarations":2},{"selector":".actionList-sectionHeader--filled:first-child","declarations":1},{"selector":".actionList-item:first-child:before,.actionList-sectionDivider+.actionList-item:before,.actionList-sectionHeader+.actionList-item:before","declarations":1},{"selector":".actionList--single-selection .actionList-item>.actionList-item-content,.actionList--multi-selection .actionList-item>.actionList-item-content,.actionList-item--single-selection>.actionList-item-content,.actionList-item--multi-selection>.actionList-item-content","declarations":1},{"selector":".actionList-item--danger .actionList-item-content:active","declarations":1},{"selector":".actionList-item--danger .actionList-item-content:hover","declarations":1},{"selector":".actionList-item--danger .actionList-item-content","declarations":1},{"selector":".actionList-item-content-blockDescription .actionList-item-visual","declarations":1},{"selector":".actionList-item","declarations":1},{"selector":".actionList-item--sizeLarge","declarations":1},{"selector":".actionList-item--sizeMedium","declarations":1},{"selector":".actionList-item-content:active","declarations":1},{"selector":".actionList-item-content:active","declarations":1},{"selector":".actionList-item-content:hover","declarations":1},{"selector":".actionList-item-content .actionList-item-label--inlineDescription .actionList-item-label-description","declarations":1},{"selector":".actionList-item-content .actionList-item-label--blockDescription .actionList-item-label-description","declarations":1},{"selector":".actionList-item-content .actionList-item-label-primary","declarations":1},{"selector":".actionList-item-content.actionList-item-content-multiSelect.actionList-item--leadingVisual.actionList-item--trailingVisual","declarations":1},{"selector":".actionList-item-content.actionList-item-content-multiSelect.actionList-item--trailingVisual","declarations":1},{"selector":".actionList-item-content.actionList-item-content-multiSelect.actionList-item--leadingVisual","declarations":1},{"selector":".actionList-item-content.actionList-item-content-multiSelect","declarations":1},{"selector":".actionList-item-content.actionList-item-content-singleSelect.actionList-item--leadingVisual.actionList-item--trailingVisual","declarations":1},{"selector":".actionList-item-content.actionList-item-content-singleSelect.actionList-item--trailingVisual","declarations":1},{"selector":".actionList-item-content.actionList-item-content-singleSelect.actionList-item--leadingVisual","declarations":1},{"selector":".actionList-item-content.actionList-item-content-singleSelect","declarations":1},{"selector":".actionList-item-content.actionList-item--leadingVisual.actionList-item--trailingVisual","declarations":1},{"selector":".actionList-item-content.actionList-item--trailingVisual","declarations":1},{"selector":".actionList-item-content.actionList-item--leadingVisual","declarations":1},{"selector":".actionList-item:active:before,.actionList-item:active+.actionList-item:before","declarations":1},{"selector":".actionList-item:hover:before,.actionList-item:hover+.actionList-item:before","declarations":1},{"selector":".actionList-item.actionList-item--active .actionList-item-content:hover","declarations":1},{"selector":".actionList-item.actionList-item--active .actionList-item-content","declarations":1},{"selector":".actionList-item.actionList-item--active:before,.actionList-item.actionList-item--active+.actionList-item:before","declarations":1},{"selector":".actionList-item[aria-checked=true] .actionList-item-content-singleSelect .actionList-item-check","declarations":1},{"selector":".actionList-item .actionList-item-content-singleSelect .actionList-item-check","declarations":1},{"selector":".actionList-item","declarations":1},{"selector":".actionList ul,.actionList li","declarations":1}]},"selectors":{"total":80,"type":2,"class":80,"id":0,"pseudoClass":14,"pseudoElement":28,"values":[".actionList",".actionList ul",".actionList li",".actionList-item",".actionList-item .actionList-item-content-singleSelect .actionList-item-check",".actionList-item[aria-checked=true] .actionList-item-content-singleSelect .actionList-item-check",".actionList-item.actionList-item--active:before",".actionList-item.actionList-item--active+.actionList-item:before",".actionList-item.actionList-item--active .actionList-item-content",".actionList-item.actionList-item--active .actionList-item-content:hover",".actionList-item.actionList-item--active:after",".actionList-item:hover:before",".actionList-item:hover+.actionList-item:before",".actionList-item:active:before",".actionList-item:active+.actionList-item:before",".actionList-item-content",".actionList-item-content .actionList-item-visual",".actionList-item-content.actionList-item--leadingVisual",".actionList-item-content.actionList-item--trailingVisual",".actionList-item-content.actionList-item--leadingVisual.actionList-item--trailingVisual",".actionList-item-content.actionList-item-content-singleSelect",".actionList-item-content.actionList-item-content-singleSelect.actionList-item--leadingVisual",".actionList-item-content.actionList-item-content-singleSelect.actionList-item--trailingVisual",".actionList-item-content.actionList-item-content-singleSelect.actionList-item--leadingVisual.actionList-item--trailingVisual",".actionList-item-content.actionList-item-content-multiSelect",".actionList-item-content.actionList-item-content-multiSelect.actionList-item--leadingVisual",".actionList-item-content.actionList-item-content-multiSelect.actionList-item--trailingVisual",".actionList-item-content.actionList-item-content-multiSelect.actionList-item--leadingVisual.actionList-item--trailingVisual",".actionList-item-content .actionList-item-label",".actionList-item-content .actionList-item-label-primary",".actionList-item-content .actionList-item-label--blockDescription",".actionList-item-content .actionList-item-label--blockDescription .actionList-item-label-description",".actionList-item-content .actionList-item-label--inlineDescription",".actionList-item-content .actionList-item-label--inlineDescription .actionList-item-label-description",".actionList-item-content .actionList-item-label-description",".actionList-item-content:hover",".actionList-item-content:focus-visible",".actionList-item-content:hover",".actionList-item-content:active",".actionList-item-content:active",".actionList-item--sizeMedium",".actionList-item--sizeLarge",".actionList-item",".actionList-item-content-blockDescription .actionList-item-visual",".actionList-item--danger .actionList-item-content",".actionList-item--danger .actionList-item-content:hover",".actionList-item--danger .actionList-item-content:active",".actionList-item-inlineDescription",".actionList-item-blockDescription",".actionList--single-selection .actionList-item>.actionList-item-content",".actionList--multi-selection .actionList-item>.actionList-item-content",".actionList-item--single-selection>.actionList-item-content",".actionList-item--multi-selection>.actionList-item-content",".actionList--divided .actionList-item:before",".actionList-item--divided:before",".actionList-item:first-child:before",".actionList-sectionDivider+.actionList-item:before",".actionList-sectionHeader+.actionList-item:before",".actionList--divided-indent-16 .actionList-item:before",".actionList-item--divided-indent-16:before",".actionList--divided-indent-20 .actionList-item:before",".actionList-item--divided-indent-20:before",".actionList--divided-indent-24 .actionList-item:before",".actionList-item--divided-indent-24:before",".actionList--divided-indent-32 .actionList-item:before",".actionList-item--divided-indent-32:before",".actionList--single-selection.actionList--divided .actionList-item:before",".actionList--multi-selection.actionList--divided .actionList-item:before",".actionList-item--single-selection.actionList-item--divided:before",".actionList-item--multi-selection.actionList-item--divided:before",".actionList--single-selection.actionList--divided-indent-20 .actionList-item:before",".actionList--multi-selection.actionList--divided-indent-20 .actionList-item:before",".actionList--single-selection .actionList-item--divided-indent-20:before",".actionList--multi-selection .actionList-item--divided-indent-20:before",".actionList-sectionDivider",".actionList-sectionDivider--filled",".actionList-sectionHeader",".actionList-sectionHeader--filled",".actionList-sectionHeader--filled:first-child",".actionList-item-nestedContent"],"specificity":{"max":40,"average":21.375}},"declarations":{"total":138,"unique":93,"uniqueToTotalRatio":0.6739130434782609,"properties":{"padding":["8px","6px 8px","0","6px 8px"],"list-style":["none","none"],"position":["relative","absolute","relative","relative","absolute"],"visibility":["hidden","visible","hidden","hidden","hidden","hidden"],"background":["#f0f3f5","#e8ebed","var(--color-accent-fg)","none","#f0f3f5","#e8ebed","#fff0f2","#ffebed","#e9e9ed","#e9e9ed","#f6f8fa","#f6f8fa"],"content":["\"\"","\"\""],"width":["4px","calc(100% - 16px)","calc(100% - 40px)","calc(100% - 44px)","calc(100% - 48px)","calc(100% - 56px)","calc(100% - 40px)","calc(100% - 44px)"],"height":["24px","1px","1px","8px"],"border-radius":["4px","6px"],"left":["-8px","8px","32px","36px","40px","48px","32px","36px"],"top":["calc(50% - 12px)","0"],"display":["grid","flex","flex","flex","block","block"],"grid-template-rows":["minmax(20px, max-content)","minmax(28px, max-content)","minmax(36px, max-content)","minmax(36px, max-content)"],"grid-template-columns":["minmax(min-content, 100%)","min-content minmax(min-content, auto)","minmax(min-content, auto) min-content","min-content minmax(min-content, auto) min-content","min-content minmax(min-content, auto)","min-content min-content minmax(min-content, auto)","min-content minmax(min-content, auto) min-content","min-content min-content minmax(min-content, auto) min-content","min-content minmax(min-content, auto)","min-content min-content minmax(min-content, auto)","min-content minmax(min-content, auto) min-content","min-content min-content minmax(min-content, auto) min-content"],"column-gap":["8px"],"align-items":["center","center","baseline"],"font-weight":["normal","normal","bold","600"],"color":["inherit","inherit","var(--color-fg-muted)","var(--color-danger-fg)","var(--color-fg-muted)","var(--color-fg-muted)","var(--color-fg-muted)"],"text-decoration":["none","none"],"border":["none","0"],"margin":["0","7px -8px 8px","8px -8px","8px -8px"],"-webkit-user-select":["none"],"user-select":["none"],"-webkit-tap-highlight-color":["transparent"],"transition":["background 33.333ms linear"],"min-height":["20px"],"fill":["var(--color-fg-muted)"],"flex-direction":["column","row"],"margin-top":["4px","4px","0"],"margin-left":["8px"],"font-size":["12px","12px","12px","12px"],"line-height":["18px","18px","18px"],"outline":["none"],"box-shadow":["0 0 0 2px var(--color-accent-fg)","inset 0 0 0 rgba(0,0,0,.04)","inset 0 3px 9px rgba(0,0,0,.04)"],"z-index":["1"],"cursor":["pointer"],"animation":["actionList-item-active-bg 4s forwards cubic-bezier(0.33, 1, 0.68, 1)"],"transform":["scale(1)","scale(0.97)"],"place-self":["start"],"align-self":["baseline"],"padding-left":["32px","16px"],"border-top":["1px solid #e1e4e8","1px solid #e1e4e8"],"border-bottom":["1px solid #e1e4e8","1px solid #e1e4e8"],"box-sizing":["border-box"],"padding-bottom":["8px"]}},"mediaQueries":{"total":5,"unique":3,"values":["(hover: hover)and (pointer: fine)","(hover: hover)and (pointer: fine)","screen and (prefers-reduced-motion: no-preference)","(pointer: coarse)","(hover: hover)and (pointer: fine)"],"contents":[{"value":"(hover: hover)and (pointer: fine)","rules":{"total":1,"size":{"graph":[1],"max":1,"average":1},"selectorByRuleSizes":[{"selector":".actionList-item.actionList-item--active .actionList-item-content:hover","declarations":1}]},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":1,"pseudoElement":0,"values":[".actionList-item.actionList-item--active .actionList-item-content:hover"],"specificity":{"max":40,"average":40}},"declarations":{"total":1,"unique":1,"uniqueToTotalRatio":1,"properties":{"background":["#e8ebed"]}}},{"value":"(hover: hover)and (pointer: fine)","rules":{"total":1,"size":{"graph":[2],"max":2,"average":2},"selectorByRuleSizes":[{"selector":".actionList-item-content:hover","declarations":2}]},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":1,"pseudoElement":0,"values":[".actionList-item-content:hover"],"specificity":{"max":20,"average":20}},"declarations":{"total":2,"unique":2,"uniqueToTotalRatio":1,"properties":{"background":["#f0f3f5"],"cursor":["pointer"]}}},{"value":"screen and (prefers-reduced-motion: no-preference)","rules":{"total":1,"size":{"graph":[1],"max":1,"average":1},"selectorByRuleSizes":[{"selector":".actionList-item-content:active","declarations":1}]},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":1,"pseudoElement":0,"values":[".actionList-item-content:active"],"specificity":{"max":20,"average":20}},"declarations":{"total":1,"unique":1,"uniqueToTotalRatio":1,"properties":{"animation":["actionList-item-active-bg 4s forwards cubic-bezier(0.33, 1, 0.68, 1)"]}}},{"value":"(pointer: coarse)","rules":{"total":1,"size":{"graph":[1],"max":1,"average":1},"selectorByRuleSizes":[{"selector":".actionList-item","declarations":1}]},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".actionList-item"],"specificity":{"max":10,"average":10}},"declarations":{"total":1,"unique":1,"uniqueToTotalRatio":1,"properties":{"grid-template-rows":["minmax(36px, max-content)"]}}},{"value":"(hover: hover)and (pointer: fine)","rules":{"total":1,"size":{"graph":[1],"max":1,"average":1},"selectorByRuleSizes":[{"selector":".actionList-item--danger .actionList-item-content:hover","declarations":1}]},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":1,"pseudoElement":0,"values":[".actionList-item--danger .actionList-item-content:hover"],"specificity":{"max":30,"average":30}},"declarations":{"total":1,"unique":1,"uniqueToTotalRatio":1,"properties":{"background":["#fff0f2"]}}}]}}