@purpurds/listbox 6.7.2 → 6.8.0

package/dist/LICENSE.txt

@@ -33,13 +33,13 @@ SOFTWARE.
 ---
 
 Name: @purpurds/icon
-Version: 6.7.1
+Version: 6.7.2
 License: AGPL-3.0-only
 Private: false
 
 ---
 
 Name: @purpurds/paragraph
-Version: 6.7.1
+Version: 6.7.2
 License: AGPL-3.0-only
 Private: false

package/dist/listbox.cjs.js

@@ -1,14 +1,14 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),d=require("react");function P(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var _={exports:{}};/*!
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),d=require("react");function q(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var _={exports:{}};/*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
-*/var f;function L(){return f||(f=1,function(e){(function(){var i={}.hasOwnProperty;function a(){for(var r="",t=0;t<arguments.length;t++){var p=arguments[t];p&&(r=n(r,u.call(this,p)))}return r}function u(r){if(typeof r=="string"||typeof r=="number")return this&&this[r]||r;if(typeof r!="object")return"";if(Array.isArray(r))return a.apply(this,r);if(r.toString!==Object.prototype.toString&&!r.toString.toString().includes("[native code]"))return r.toString();var t="";for(var p in r)i.call(r,p)&&r[p]&&(t=n(t,this&&this[p]||p));return t}function n(r,t){return t?r?r+" "+t:r+t:r}e.exports?(a.default=a,e.exports=a):window.classNames=a})()}(_)),_.exports}var R=L();const j=P(R),N={"purpur-listbox":"_purpur-listbox_qhoi7_1","purpur-listbox-item":"_purpur-listbox-item_qhoi7_15","purpur-listbox-item--hovered":"_purpur-listbox-item--hovered_qhoi7_29","purpur-listbox-item--highlighted":"_purpur-listbox-item--highlighted_qhoi7_37","purpur-listbox-item--noninteractive":"_purpur-listbox-item--noninteractive_qhoi7_41","purpur-listbox-item--disabled":"_purpur-listbox-item--disabled_qhoi7_44","purpur-listbox-item__icon":"_purpur-listbox-item__icon_qhoi7_51"};function I(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var v={exports:{}};/*!
+*/var f;function L(){return f||(f=1,function(e){(function(){var i={}.hasOwnProperty;function a(){for(var r="",t=0;t<arguments.length;t++){var p=arguments[t];p&&(r=n(r,u.call(this,p)))}return r}function u(r){if(typeof r=="string"||typeof r=="number")return this&&this[r]||r;if(typeof r!="object")return"";if(Array.isArray(r))return a.apply(this,r);if(r.toString!==Object.prototype.toString&&!r.toString.toString().includes("[native code]"))return r.toString();var t="";for(var p in r)i.call(r,p)&&r[p]&&(t=n(t,this&&this[p]||p));return t}function n(r,t){return t?r?r+" "+t:r+t:r}e.exports?(a.default=a,e.exports=a):window.classNames=a})()}(_)),_.exports}var R=L();const j=q(R),N={"purpur-listbox":"_purpur-listbox_6c8yl_1","purpur-listbox-item":"_purpur-listbox-item_6c8yl_15","purpur-listbox-item--hovered":"_purpur-listbox-item--hovered_6c8yl_29","purpur-listbox-item--highlighted":"_purpur-listbox-item--highlighted_6c8yl_37","purpur-listbox-item--noninteractive":"_purpur-listbox-item--noninteractive_6c8yl_41","purpur-listbox-item--disabled":"_purpur-listbox-item--disabled_6c8yl_44","purpur-listbox-item__icon":"_purpur-listbox-item__icon_6c8yl_51"};function I(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var v={exports:{}};/*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
-*/var b;function B(){return b||(b=1,function(e){(function(){var i={}.hasOwnProperty;function a(){for(var r="",t=0;t<arguments.length;t++){var p=arguments[t];p&&(r=n(r,u.call(this,p)))}return r}function u(r){if(typeof r=="string"||typeof r=="number")return this&&this[r]||r;if(typeof r!="object")return"";if(Array.isArray(r))return a.apply(this,r);if(r.toString!==Object.prototype.toString&&!r.toString.toString().includes("[native code]"))return r.toString();var t="";for(var p in r)i.call(r,p)&&r[p]&&(t=n(t,this&&this[p]||p));return t}function n(r,t){return t?r?r+" "+t:r+t:r}e.exports?(a.default=a,e.exports=a):window.classNames=a})()}(v)),v.exports}var C=B();const M=I(C),k={"purpur-icon":"_purpur-icon_8u1lq_1","purpur-icon--xxs":"_purpur-icon--xxs_8u1lq_4","purpur-icon--xs":"_purpur-icon--xs_8u1lq_8","purpur-icon--sm":"_purpur-icon--sm_8u1lq_12","purpur-icon--md":"_purpur-icon--md_8u1lq_16","purpur-icon--lg":"_purpur-icon--lg_8u1lq_20","purpur-icon--xl":"_purpur-icon--xl_8u1lq_24"},H=M.bind(k),x="purpur-icon",E="md",T=e=>e.filter(i=>Object.keys(i).length>=1).map(i=>`${i.name}="${i.value}"`).join(" "),z=({content:e="",title:i}={})=>{const a=[{name:"xmlns",value:"http://www.w3.org/2000/svg"},{name:"fill",value:"currentColor"},{name:"viewBox",value:"0 0 24 24"},i?{name:"role",value:"img"}:{name:"aria-hidden",value:"true"}],u=i?`<title>${i}</title>`:"";return`<svg ${T(a)}>${u}${e}</svg>`},G=e=>e.replace(/<(\/?)svg([^>]*)>/g,"").trim(),S=({["data-testid"]:e,svg:i,allyTitle:a,className:u,size:n=E,...r})=>{const t=z({content:G(i.svg),title:a}),p=H(u,x,`${x}--${n}`);return s.jsx("span",{"aria-label":a,className:p,"data-testid":e,dangerouslySetInnerHTML:{__html:t},...r})};S.displayName="Icon";const V={name:"checkmark",svg:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M21.06 3.795a.9.9 0 0 1 .145 1.264l-11.5 14.5a.9.9 0 0 1-1.341.077l-6-6a.9.9 0 0 1 1.272-1.272l5.286 5.286L19.795 3.94a.9.9 0 0 1 1.264-.145Z" clip-rule="evenodd"/></svg>',keywords:["checkmark"],category:"utility"},q=e=>s.jsx(S,{...e,svg:V});q.displayName="IconCheckmark";function D(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var y={exports:{}};/*!
+*/var b;function B(){return b||(b=1,function(e){(function(){var i={}.hasOwnProperty;function a(){for(var r="",t=0;t<arguments.length;t++){var p=arguments[t];p&&(r=n(r,u.call(this,p)))}return r}function u(r){if(typeof r=="string"||typeof r=="number")return this&&this[r]||r;if(typeof r!="object")return"";if(Array.isArray(r))return a.apply(this,r);if(r.toString!==Object.prototype.toString&&!r.toString.toString().includes("[native code]"))return r.toString();var t="";for(var p in r)i.call(r,p)&&r[p]&&(t=n(t,this&&this[p]||p));return t}function n(r,t){return t?r?r+" "+t:r+t:r}e.exports?(a.default=a,e.exports=a):window.classNames=a})()}(v)),v.exports}var C=B();const M=I(C),k={"purpur-icon":"_purpur-icon_8u1lq_1","purpur-icon--xxs":"_purpur-icon--xxs_8u1lq_4","purpur-icon--xs":"_purpur-icon--xs_8u1lq_8","purpur-icon--sm":"_purpur-icon--sm_8u1lq_12","purpur-icon--md":"_purpur-icon--md_8u1lq_16","purpur-icon--lg":"_purpur-icon--lg_8u1lq_20","purpur-icon--xl":"_purpur-icon--xl_8u1lq_24"},H=M.bind(k),x="purpur-icon",E="md",T=e=>e.filter(i=>Object.keys(i).length>=1).map(i=>`${i.name}="${i.value}"`).join(" "),z=({content:e="",title:i}={})=>{const a=[{name:"xmlns",value:"http://www.w3.org/2000/svg"},{name:"fill",value:"currentColor"},{name:"viewBox",value:"0 0 24 24"},i?{name:"role",value:"img"}:{name:"aria-hidden",value:"true"}],u=i?`<title>${i}</title>`:"";return`<svg ${T(a)}>${u}${e}</svg>`},G=e=>e.replace(/<(\/?)svg([^>]*)>/g,"").trim(),S=({["data-testid"]:e,svg:i,allyTitle:a,className:u,size:n=E,...r})=>{const t=z({content:G(i.svg),title:a}),p=H(u,x,`${x}--${n}`);return s.jsx("span",{"aria-label":a,className:p,"data-testid":e,dangerouslySetInnerHTML:{__html:t},...r})};S.displayName="Icon";const V={name:"checkmark",svg:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M21.06 3.795a.9.9 0 0 1 .145 1.264l-11.5 14.5a.9.9 0 0 1-1.341.077l-6-6a.9.9 0 0 1 1.272-1.272l5.286 5.286L19.795 3.94a.9.9 0 0 1 1.264-.145Z" clip-rule="evenodd"/></svg>',keywords:["checkmark"],category:"utility"},O=e=>s.jsx(S,{...e,svg:V});O.displayName="IconCheckmark";function D(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var y={exports:{}};/*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
-*/var $;function F(){return $||($=1,function(e){(function(){var i={}.hasOwnProperty;function a(){for(var r="",t=0;t<arguments.length;t++){var p=arguments[t];p&&(r=n(r,u(p)))}return r}function u(r){if(typeof r=="string"||typeof r=="number")return r;if(typeof r!="object")return"";if(Array.isArray(r))return a.apply(null,r);if(r.toString!==Object.prototype.toString&&!r.toString.toString().includes("[native code]"))return r.toString();var t="";for(var p in r)i.call(r,p)&&r[p]&&(t=n(t,p));return t}function n(r,t){return t?r?r+" "+t:r+t:r}e.exports?(a.default=a,e.exports=a):window.classNames=a})()}(y)),y.exports}var Z=F();const J=D(Z),l={"purpur-paragraph":"_purpur-paragraph_1rh57_1","purpur-paragraph--disabled":"_purpur-paragraph--disabled_1rh57_7","purpur-paragraph--hyphens":"_purpur-paragraph--hyphens_1rh57_10","purpur-paragraph--negative":"_purpur-paragraph--negative_1rh57_13","purpur-paragraph--paragraph-100":"_purpur-paragraph--paragraph-100_1rh57_16","purpur-paragraph--paragraph-100-medium":"_purpur-paragraph--paragraph-100-medium_1rh57_22","purpur-paragraph--paragraph-100-bold":"_purpur-paragraph--paragraph-100-bold_1rh57_29","purpur-paragraph--paragraph-200":"_purpur-paragraph--paragraph-200_1rh57_36","purpur-paragraph--preamble-100":"_purpur-paragraph--preamble-100_1rh57_42","purpur-paragraph--preamble-200":"_purpur-paragraph--preamble-200_1rh57_48","purpur-paragraph--additional-100":"_purpur-paragraph--additional-100_1rh57_54","purpur-paragraph--additional-100-medium":"_purpur-paragraph--additional-100-medium_1rh57_60","purpur-paragraph--overline-100":"_purpur-paragraph--overline-100_1rh57_67","purpur-paragraph--overline-200":"_purpur-paragraph--overline-200_1rh57_75"},K={PARAGRAPH100:"paragraph-100"},c="purpur-paragraph",O=({["data-testid"]:e,children:i,className:a,disabled:u,enableHyphenation:n=!1,negative:r=!1,variant:t=K.PARAGRAPH100,...p})=>{const h=J([a,l[c],l[`${c}--${t}`],{[l[`${c}--hyphens`]]:n,[l[`${c}--disabled`]]:u,[l[`${c}--negative`]]:r}]);return s.jsx("p",{...p,className:h,"data-testid":e,children:i})};O.displayName="Paragraph";const w=j.bind(N),o="purpur-listbox",g=d.forwardRef((e,i)=>{const{disabled:a,highlighted:u,hovered:n,selected:r,children:t,noninteractive:p,...h}=e,A=w(`${o}-item`,h.className,{[`${o}-item--highlighted`]:u,[`${o}-item--selected`]:r,[`${o}-item--hovered`]:n,[`${o}-item--disabled`]:a,[`${o}-item--noninteractive`]:p});return s.jsxs("li",{...h,ref:i,className:A,"aria-selected":!!r,role:"option","aria-disabled":!!a,children:[typeof t=="string"?s.jsx(O,{children:t}):t,r&&s.jsx(q,{size:"xs",className:w(`${o}-item__icon`)})]})}),Q=e=>d.isValidElement(e)&&(e==null?void 0:e.type)===g;g.displayName="ListBoxItem";const U=j.bind(N),W="purpur-listbox",m=d.forwardRef(({children:e,...i},a)=>s.jsx("ul",{...i,ref:a,className:U(W,i.className),role:"listbox",children:d.Children.toArray(e).filter(Q)}));m.Item=g;m.displayName="ListBox";exports.Listbox=m;
+*/var $;function F(){return $||($=1,function(e){(function(){var i={}.hasOwnProperty;function a(){for(var r="",t=0;t<arguments.length;t++){var p=arguments[t];p&&(r=n(r,u(p)))}return r}function u(r){if(typeof r=="string"||typeof r=="number")return r;if(typeof r!="object")return"";if(Array.isArray(r))return a.apply(null,r);if(r.toString!==Object.prototype.toString&&!r.toString.toString().includes("[native code]"))return r.toString();var t="";for(var p in r)i.call(r,p)&&r[p]&&(t=n(t,p));return t}function n(r,t){return t?r?r+" "+t:r+t:r}e.exports?(a.default=a,e.exports=a):window.classNames=a})()}(y)),y.exports}var Z=F();const J=D(Z),l={"purpur-paragraph":"_purpur-paragraph_1rh57_1","purpur-paragraph--disabled":"_purpur-paragraph--disabled_1rh57_7","purpur-paragraph--hyphens":"_purpur-paragraph--hyphens_1rh57_10","purpur-paragraph--negative":"_purpur-paragraph--negative_1rh57_13","purpur-paragraph--paragraph-100":"_purpur-paragraph--paragraph-100_1rh57_16","purpur-paragraph--paragraph-100-medium":"_purpur-paragraph--paragraph-100-medium_1rh57_22","purpur-paragraph--paragraph-100-bold":"_purpur-paragraph--paragraph-100-bold_1rh57_29","purpur-paragraph--paragraph-200":"_purpur-paragraph--paragraph-200_1rh57_36","purpur-paragraph--preamble-100":"_purpur-paragraph--preamble-100_1rh57_42","purpur-paragraph--preamble-200":"_purpur-paragraph--preamble-200_1rh57_48","purpur-paragraph--additional-100":"_purpur-paragraph--additional-100_1rh57_54","purpur-paragraph--additional-100-medium":"_purpur-paragraph--additional-100-medium_1rh57_60","purpur-paragraph--overline-100":"_purpur-paragraph--overline-100_1rh57_67","purpur-paragraph--overline-200":"_purpur-paragraph--overline-200_1rh57_75"},K={PARAGRAPH100:"paragraph-100"},c="purpur-paragraph",A=({["data-testid"]:e,children:i,className:a,disabled:u,enableHyphenation:n=!1,negative:r=!1,variant:t=K.PARAGRAPH100,...p})=>{const h=J([a,l[c],l[`${c}--${t}`],{[l[`${c}--hyphens`]]:n,[l[`${c}--disabled`]]:u,[l[`${c}--negative`]]:r}]);return s.jsx("p",{...p,className:h,"data-testid":e,children:i})};A.displayName="Paragraph";const w=j.bind(N),o="purpur-listbox",g=d.forwardRef((e,i)=>{const{disabled:a,highlighted:u,hovered:n,selected:r,children:t,noninteractive:p,...h}=e,P=w(`${o}-item`,h.className,{[`${o}-item--highlighted`]:u,[`${o}-item--selected`]:r,[`${o}-item--hovered`]:n,[`${o}-item--disabled`]:a,[`${o}-item--noninteractive`]:p});return s.jsxs("li",{...h,ref:i,className:P,"aria-selected":!!r,role:"option","aria-disabled":!!a,children:[typeof t=="string"?s.jsx(A,{children:t}):t,r&&s.jsx(O,{size:"xs",className:w(`${o}-item__icon`)})]})}),Q=e=>d.isValidElement(e)&&(e==null?void 0:e.type)===g;g.displayName="ListBoxItem";const U=j.bind(N),W="purpur-listbox",m=d.forwardRef(({children:e,...i},a)=>s.jsx("ul",{...i,ref:a,className:U(W,i.className),role:"listbox",children:d.Children.toArray(e).filter(Q)}));m.Item=g;m.displayName="ListBox";exports.Listbox=m;
 //# sourceMappingURL=listbox.cjs.js.map

package/dist/listbox.es.js

@@ -1,4 +1,4 @@
-import { jsx as s, jsxs as P } from "react/jsx-runtime";
+import { jsx as s, jsxs as q } from "react/jsx-runtime";
 import { forwardRef as $, isValidElement as I, Children as L } from "react";
 function B(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
@@ -44,13 +44,13 @@ function C() {
 }
 var R = C();
 const w = /* @__PURE__ */ B(R), N = {
-  "purpur-listbox": "_purpur-listbox_qhoi7_1",
-  "purpur-listbox-item": "_purpur-listbox-item_qhoi7_15",
-  "purpur-listbox-item--hovered": "_purpur-listbox-item--hovered_qhoi7_29",
-  "purpur-listbox-item--highlighted": "_purpur-listbox-item--highlighted_qhoi7_37",
-  "purpur-listbox-item--noninteractive": "_purpur-listbox-item--noninteractive_qhoi7_41",
-  "purpur-listbox-item--disabled": "_purpur-listbox-item--disabled_qhoi7_44",
-  "purpur-listbox-item__icon": "_purpur-listbox-item__icon_qhoi7_51"
+  "purpur-listbox": "_purpur-listbox_6c8yl_1",
+  "purpur-listbox-item": "_purpur-listbox-item_6c8yl_15",
+  "purpur-listbox-item--hovered": "_purpur-listbox-item--hovered_6c8yl_29",
+  "purpur-listbox-item--highlighted": "_purpur-listbox-item--highlighted_6c8yl_37",
+  "purpur-listbox-item--noninteractive": "_purpur-listbox-item--noninteractive_6c8yl_41",
+  "purpur-listbox-item--disabled": "_purpur-listbox-item--disabled_6c8yl_44",
+  "purpur-listbox-item__icon": "_purpur-listbox-item__icon_6c8yl_51"
 };
 function k(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
@@ -140,8 +140,8 @@ const Z = {
   svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M21.06 3.795a.9.9 0 0 1 .145 1.264l-11.5 14.5a.9.9 0 0 1-1.341.077l-6-6a.9.9 0 0 1 1.272-1.272l5.286 5.286L19.795 3.94a.9.9 0 0 1 1.264-.145Z" clip-rule="evenodd"/></svg>',
   keywords: ["checkmark"],
   category: "utility"
-}, q = (e) => /* @__PURE__ */ s(S, { ...e, svg: Z });
-q.displayName = "IconCheckmark";
+}, j = (e) => /* @__PURE__ */ s(S, { ...e, svg: Z });
+j.displayName = "IconCheckmark";
 function J(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
@@ -151,9 +151,9 @@ var b = { exports: {} };
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var x;
+var y;
 function K() {
-  return x || (x = 1, function(e) {
+  return y || (y = 1, function(e) {
     (function() {
       var i = {}.hasOwnProperty;
       function a() {
@@ -202,7 +202,7 @@ const U = /* @__PURE__ */ J(Q), l = {
   "purpur-paragraph--overline-200": "_purpur-paragraph--overline-200_1rh57_75"
 }, W = {
   PARAGRAPH100: "paragraph-100"
-}, c = "purpur-paragraph", j = ({
+}, c = "purpur-paragraph", A = ({
   ["data-testid"]: e,
   children: i,
   className: a,
@@ -224,35 +224,35 @@ const U = /* @__PURE__ */ J(Q), l = {
   ]);
   return /* @__PURE__ */ s("p", { ...p, className: h, "data-testid": e, children: i });
 };
-j.displayName = "Paragraph";
-const y = w.bind(N), o = "purpur-listbox", _ = $(
+A.displayName = "Paragraph";
+const x = w.bind(N), o = "purpur-listbox", _ = $(
   (e, i) => {
-    const { disabled: a, highlighted: u, hovered: n, selected: r, children: t, noninteractive: p, ...h } = e, O = y(`${o}-item`, h.className, {
+    const { disabled: a, highlighted: u, hovered: n, selected: r, children: t, noninteractive: p, ...h } = e, P = x(`${o}-item`, h.className, {
       [`${o}-item--highlighted`]: u,
       [`${o}-item--selected`]: r,
       [`${o}-item--hovered`]: n,
       [`${o}-item--disabled`]: a,
       [`${o}-item--noninteractive`]: p
     });
-    return /* @__PURE__ */ P(
+    return /* @__PURE__ */ q(
       "li",
       {
         ...h,
         ref: i,
-        className: O,
+        className: P,
         "aria-selected": !!r,
         role: "option",
         "aria-disabled": !!a,
         children: [
-          typeof t == "string" ? /* @__PURE__ */ s(j, { children: t }) : t,
-          r && /* @__PURE__ */ s(q, { size: "xs", className: y(`${o}-item__icon`) })
+          typeof t == "string" ? /* @__PURE__ */ s(A, { children: t }) : t,
+          r && /* @__PURE__ */ s(j, { size: "xs", className: x(`${o}-item__icon`) })
         ]
       }
     );
   }
 ), X = (e) => I(e) && (e == null ? void 0 : e.type) === _;
 _.displayName = "ListBoxItem";
-const Y = w.bind(N), rr = "purpur-listbox", A = $(
+const Y = w.bind(N), rr = "purpur-listbox", O = $(
   ({ children: e, ...i }, a) => /* @__PURE__ */ s(
     "ul",
     {
@@ -264,9 +264,9 @@ const Y = w.bind(N), rr = "purpur-listbox", A = $(
     }
   )
 );
-A.Item = _;
-A.displayName = "ListBox";
+O.Item = _;
+O.displayName = "ListBox";
 export {
-  A as Listbox
+  O as Listbox
 };
 //# sourceMappingURL=listbox.es.js.map

package/dist/styles.css

@@ -1 +1 @@
-._purpur-listbox_qhoi7_1{padding:0;margin:0;list-style-type:none;border:var(--purpur-border-width-xs) solid var(--purpur-color-border-interactive-subtle);border-radius:var(--purpur-border-radius-sm);color:var(--purpur-color-brand-off-black);width:100%;background-color:var(--purpur-color-brand-white);max-height:calc(2 * var(--purpur-spacing-1200));overflow-y:scroll;box-sizing:border-box}._purpur-listbox-item_qhoi7_15{list-style:none;padding:var(--purpur-spacing-150);border:var(--purpur-border-width-xs) solid transparent;cursor:pointer;max-width:100%;word-break:break-word;transition:background var(--purpur-motion-duration-150) ease;display:flex;justify-content:space-between;align-items:center;gap:var(--purpur-spacing-100)}@media (hover: hover) and (pointer: fine){._purpur-listbox-item--hovered_qhoi7_29{background:var(--purpur-color-background-interactive-transparent-hover)}}._purpur-listbox-item--highlighted_qhoi7_37{outline:var(--purpur-border-width-sm) solid var(--purpur-color-border-interactive-focus);outline-offset:calc(-1 * var(--purpur-border-width-sm))}._purpur-listbox-item_qhoi7_15:active:not(._purpur-listbox-item--noninteractive_qhoi7_41){background:var(--purpur-color-background-interactive-transparent-active)}._purpur-listbox-item--disabled_qhoi7_44{color:var(--purpur-color-text-weak);cursor:default}._purpur-listbox-item--noninteractive_qhoi7_41{cursor:default}._purpur-listbox-item__icon_qhoi7_51{color:var(--purpur-color-text-interactive-selected)}
+._purpur-listbox_6c8yl_1{padding:0;margin:0;list-style-type:none;border:var(--purpur-border-width-xs) solid var(--purpur-color-border-interactive-subtle);border-radius:var(--purpur-border-radius-sm);color:var(--purpur-color-brand-off-black);width:100%;background-color:var(--purpur-color-background-primary);max-height:calc(2 * var(--purpur-spacing-1200));overflow-y:scroll;box-sizing:border-box}._purpur-listbox-item_6c8yl_15{list-style:none;padding:var(--purpur-spacing-150);border:var(--purpur-border-width-xs) solid transparent;cursor:pointer;max-width:100%;word-break:break-word;transition:background var(--purpur-motion-duration-150) ease;display:flex;justify-content:space-between;align-items:center;gap:var(--purpur-spacing-100)}@media (hover: hover) and (pointer: fine){._purpur-listbox-item--hovered_6c8yl_29{background:var(--purpur-color-background-interactive-transparent-hover)}}._purpur-listbox-item--highlighted_6c8yl_37{outline:var(--purpur-border-width-sm) solid var(--purpur-color-border-interactive-focus);outline-offset:calc(-1 * var(--purpur-border-width-sm))}._purpur-listbox-item_6c8yl_15:active:not(._purpur-listbox-item--noninteractive_6c8yl_41){background:var(--purpur-color-background-interactive-transparent-active)}._purpur-listbox-item--disabled_6c8yl_44{color:var(--purpur-color-text-weak);cursor:default}._purpur-listbox-item--noninteractive_6c8yl_41{cursor:default}._purpur-listbox-item__icon_6c8yl_51{color:var(--purpur-color-text-interactive-selected)}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@purpurds/listbox",
-  "version": "6.7.2",
+  "version": "6.8.0",
   "license": "AGPL-3.0-only",
   "main": "./dist/listbox.cjs.js",
   "types": "./dist/listbox.d.ts",
@@ -16,9 +16,9 @@
   "source": "src/listbox.tsx",
   "dependencies": {
     "classnames": "~2.5.0",
-    "@purpurds/paragraph": "6.7.2",
-    "@purpurds/tokens": "6.7.2",
-    "@purpurds/icon": "6.7.2"
+    "@purpurds/icon": "6.8.0",
+    "@purpurds/paragraph": "6.8.0",
+    "@purpurds/tokens": "6.8.0"
   },
   "devDependencies": {
     "@rushstack/eslint-patch": "~1.10.0",

package/src/listbox.module.scss

@@ -7,7 +7,7 @@
   border-radius: var(--purpur-border-radius-sm);
   color: var(--purpur-color-brand-off-black);
   width: 100%;
-  background-color: var(--purpur-color-brand-white);
+  background-color: var(--purpur-color-background-primary);
   max-height: calc(2 * var(--purpur-spacing-1200));
   overflow-y: scroll;
   box-sizing: border-box;