@launchpad-ui/filter 0.6.12 → 0.6.14

package/dist/index.es.js

@@ -8,31 +8,31 @@ import { Button, IconButton } from "@launchpad-ui/button";
 import { Menu, MenuSearch, MenuDivider, MenuItem } from "@launchpad-ui/menu";
 import { Tooltip } from "@launchpad-ui/tooltip";
 import { VisuallyHidden } from "@react-aria/visually-hidden";
-const filter = "_filter_1jgtq_14";
-const buttonContainer = "_buttonContainer_1jgtq_18";
-const button = "_button_1jgtq_18";
-const appliedButton = "_appliedButton_1jgtq_37";
-const name = "_name_1jgtq_69";
-const appliedName = "_appliedName_1jgtq_74";
-const description = "_description_1jgtq_78";
-const appliedDescription = "_appliedDescription_1jgtq_84";
-const clear = "_clear_1jgtq_92";
-const isClearable = "_isClearable_1jgtq_97";
-const clearTooltip = "_clearTooltip_1jgtq_122";
-const filterClearButton = "_filterClearButton_1jgtq_128";
+const appliedButton = "vLReaG_appliedButton_";
+const appliedDescription = "vLReaG_appliedDescription_";
+const appliedName = "vLReaG_appliedName_";
+const button = "vLReaG_button_";
+const buttonContainer = "vLReaG_buttonContainer_";
+const clear = "vLReaG_clear_";
+const clearTooltip = "vLReaG_clearTooltip_";
+const description = "vLReaG_description_";
+const filter = "vLReaG_filter_";
+const filterClearButton = "vLReaG_filterClearButton_";
+const isClearable = "vLReaG_isClearable_";
+const name = "vLReaG_name_";
 const styles = {
-  filter,
-  buttonContainer,
-  button,
   appliedButton,
-  name,
-  appliedName,
-  description,
   appliedDescription,
+  appliedName,
+  button,
+  buttonContainer,
   clear,
-  isClearable,
   clearTooltip,
-  filterClearButton
+  description,
+  filter,
+  filterClearButton,
+  isClearable,
+  name
 };
 const AppliedFilterButton = /* @__PURE__ */ forwardRef((props, ref) => {
   const {

package/dist/index.js

@@ -10,31 +10,31 @@ const button$1 = require("@launchpad-ui/button");
 const menu = require("@launchpad-ui/menu");
 const tooltip = require("@launchpad-ui/tooltip");
 const visuallyHidden = require("@react-aria/visually-hidden");
-const filter = "_filter_1jgtq_14";
-const buttonContainer = "_buttonContainer_1jgtq_18";
-const button = "_button_1jgtq_18";
-const appliedButton = "_appliedButton_1jgtq_37";
-const name = "_name_1jgtq_69";
-const appliedName = "_appliedName_1jgtq_74";
-const description = "_description_1jgtq_78";
-const appliedDescription = "_appliedDescription_1jgtq_84";
-const clear = "_clear_1jgtq_92";
-const isClearable = "_isClearable_1jgtq_97";
-const clearTooltip = "_clearTooltip_1jgtq_122";
-const filterClearButton = "_filterClearButton_1jgtq_128";
+const appliedButton = "vLReaG_appliedButton_";
+const appliedDescription = "vLReaG_appliedDescription_";
+const appliedName = "vLReaG_appliedName_";
+const button = "vLReaG_button_";
+const buttonContainer = "vLReaG_buttonContainer_";
+const clear = "vLReaG_clear_";
+const clearTooltip = "vLReaG_clearTooltip_";
+const description = "vLReaG_description_";
+const filter = "vLReaG_filter_";
+const filterClearButton = "vLReaG_filterClearButton_";
+const isClearable = "vLReaG_isClearable_";
+const name = "vLReaG_name_";
 const styles = {
-  filter,
-  buttonContainer,
-  button,
   appliedButton,
-  name,
-  appliedName,
-  description,
   appliedDescription,
+  appliedName,
+  button,
+  buttonContainer,
   clear,
-  isClearable,
   clearTooltip,
-  filterClearButton
+  description,
+  filter,
+  filterClearButton,
+  isClearable,
+  name
 };
 const AppliedFilterButton = /* @__PURE__ */ react.forwardRef((props, ref) => {
   const {

package/dist/style.css

@@ -1,162 +1 @@
-:root,
-[data-theme='default'] {
-  --lp-component-filter-color-bg-clearable: rgba(0, 0, 0, 0.15);
-  --lp-component-filter-color-bg-clearable-focus: rgba(0, 0, 0, 0.2);
-  --lp-component-filter-color-border-clearable-focus: var(--lp-color-gray-800);
-}
-
-[data-theme='dark'] {
-  --lp-component-filter-color-bg-clearable: rgba(248, 248, 248, 0.15);
-  --lp-component-filter-color-bg-clearable-focus: rgba(248, 248, 248, 0.2);
-  --lp-component-filter-color-border-clearable-focus: var(--lp-color-gray-500);
-}
-
-._filter_1jgtq_14 {
-  font-family: var(--lp-font-family-base);
-}
-
-._buttonContainer_1jgtq_18 {
-  cursor: pointer;
-  display: inline-flex;
-  align-items: center;
-  position: relative;
-}
-
-._button_1jgtq_18 {
-  border-radius: var(--lp-border-radius-medium);
-  padding-top: 0;
-  padding-bottom: 0;
-  line-height: 2rem;
-  display: flex;
-  align-items: center;
-  margin: 0;
-  color: var(--lp-color-text-ui-primary-base);
-  background-color: var(--lp-color-bg-interactive-secondary-base);
-}
-
-._appliedButton_1jgtq_37 {
-  color: var(--lp-color-text-ui-primary-base);
-  height: 1.25rem;
-  background-color: var(--lp-color-bg-interactive-secondary-hover);
-  padding: 0.125rem 0.375rem;
-  border-radius: 0.125rem;
-  display: flex;
-}
-
-._button_1jgtq_18,
-._appliedButton_1jgtq_37 {
-  font-family: inherit;
-  font-size: 0.8125rem;
-  cursor: pointer;
-  border-width: var(--lp-border-width-200);
-  border-style: solid;
-  border-color: transparent;
-}
-
-._button_1jgtq_18:hover, ._appliedButton_1jgtq_37:hover {
-    background-color: var(--lp-color-bg-interactive-secondary-hover);
-    border-color: var(--lp-color-border-interactive-secondary-hover);
-  }
-
-._button_1jgtq_18:focus-visible, ._appliedButton_1jgtq_37:focus-visible {
-    outline: none;
-    border-color: var(--lp-color-border-interactive-secondary-focus);
-    box-shadow:
-      0 0 0 2px var(--lp-color-bg-ui-primary),
-      0 0 0 4px var(--lp-color-shadow-interactive-focus);
-  }
-
-._name_1jgtq_69 {
-  margin-right: 0.3125rem;
-  font-weight: var(--lp-font-weight-medium);
-}
-
-._appliedName_1jgtq_74 {
-  margin-right: 0.1875rem;
-}
-
-._description_1jgtq_78 {
-  color: var(--lp-color-text-ui-primary-base);
-  font-weight: var(--lp-font-weight-medium);
-}
-
-._description_1jgtq_78,
-._appliedDescription_1jgtq_84 {
-  margin-right: 0.3125rem;
-  max-width: 10rem;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-._clear_1jgtq_92 {
-  cursor: pointer;
-  padding: 0.1875rem;
-}
-
-._button_1jgtq_18._isClearable_1jgtq_97 {
-  padding-right: 1.9375rem;
-  background-color: rgba(0, 0, 0, 0.15);
-  background-color: var(--lp-component-filter-color-bg-clearable);
-}
-
-._button_1jgtq_18._isClearable_1jgtq_97:focus,
-  ._button_1jgtq_18._isClearable_1jgtq_97:hover,
-  ._button_1jgtq_18._isClearable_1jgtq_97:active {
-    background-color: rgba(0, 0, 0, 0.2);
-    background-color: var(--lp-component-filter-color-bg-clearable-focus);
-    border-color: var(--lp-color-gray-800);
-    border-color: var(--lp-component-filter-color-border-clearable-focus);
-  }
-
-._button_1jgtq_18:hover:not(._isClearable_1jgtq_97),
-._button_1jgtq_18:focus:not(._isClearable_1jgtq_97),
-[data-state='open'] ._button_1jgtq_18:not(._isClearable_1jgtq_97) {
-  background-color: var(--lp-color-bg-interactive-secondary-hover);
-  border-color: var(--lp-color-border-interactive-secondary-hover);
-}
-
-._button_1jgtq_18:focus:not(:focus-visible):not(._isClearable_1jgtq_97):hover {
-    background-color: var(--lp-color-bg-interactive-secondary-hover);
-  }
-
-._clearTooltip_1jgtq_122 {
-  line-height: 1;
-  position: absolute;
-  right: 0.4375rem;
-}
-
-._filterClearButton_1jgtq_128 {
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  color: var(--lp-color-text-interactive-destructive);
-  font-size: 0.8125rem;
-  font-weight: var(--lp-font-weight-medium);
-  padding: 0.625rem;
-  width: 100%;
-  border-bottom: 1px solid var(--lp-color-border-interactive-secondary-base);
-}
-
-._filterClearButton_1jgtq_128:active,
-._filterClearButton_1jgtq_128:focus,
-._filterClearButton_1jgtq_128:hover {
-  outline: none;
-  box-shadow: none;
-  box-shadow: initial;
-  color: var(--lp-color-text-interactive-destructive);
-}
-
-._filterClearButton_1jgtq_128:active {
-  border-bottom-color: var(--lp-color-border-interactive-secondary-active);
-  background-color: var(--lp-color-bg-interactive-secondary-active);
-}
-
-._filterClearButton_1jgtq_128:focus {
-  border-bottom-color: var(--lp-color-border-interactive-secondary-focus);
-  background-color: var(--lp-color-bg-interactive-secondary-focus);
-}
-
-._filterClearButton_1jgtq_128:hover {
-  border-bottom-color: var(--lp-color-border-interactive-secondary-hover);
-  background-color: var(--lp-color-bg-interactive-secondary-hover);
-}
+:root,[data-theme=default]{--lp-component-filter-color-bg-clearable:#00000026;--lp-component-filter-color-bg-clearable-focus:#0003;--lp-component-filter-color-border-clearable-focus:var(--lp-color-gray-800)}[data-theme=dark]{--lp-component-filter-color-bg-clearable:#f8f8f826;--lp-component-filter-color-bg-clearable-focus:#f8f8f833;--lp-component-filter-color-border-clearable-focus:var(--lp-color-gray-500)}.vLReaG_filter_{font-family:var(--lp-font-family-base)}.vLReaG_buttonContainer_{cursor:pointer;align-items:center;display:inline-flex;position:relative}.vLReaG_button_{border-radius:var(--lp-border-radius-medium);color:var(--lp-color-text-ui-primary-base);background-color:var(--lp-color-bg-interactive-secondary-base);align-items:center;margin:0;padding-top:0;padding-bottom:0;line-height:2rem;display:flex}.vLReaG_appliedButton_{color:var(--lp-color-text-ui-primary-base);background-color:var(--lp-color-bg-interactive-secondary-hover);border-radius:.125rem;height:1.25rem;padding:.125rem .375rem;display:flex}.vLReaG_button_,.vLReaG_appliedButton_{cursor:pointer;border-width:var(--lp-border-width-200);border-style:solid;border-color:#0000;font-family:inherit;font-size:.8125rem}:-webkit-any(.vLReaG_button_,.vLReaG_appliedButton_):hover{background-color:var(--lp-color-bg-interactive-secondary-hover);border-color:var(--lp-color-border-interactive-secondary-hover)}:-moz-any(.vLReaG_button_,.vLReaG_appliedButton_):hover{background-color:var(--lp-color-bg-interactive-secondary-hover);border-color:var(--lp-color-border-interactive-secondary-hover)}:is(.vLReaG_button_,.vLReaG_appliedButton_):hover{background-color:var(--lp-color-bg-interactive-secondary-hover);border-color:var(--lp-color-border-interactive-secondary-hover)}:-webkit-any(.vLReaG_button_,.vLReaG_appliedButton_):focus-visible{border-color:var(--lp-color-border-interactive-secondary-focus);box-shadow:0 0 0 2px var(--lp-color-bg-ui-primary),0 0 0 4px var(--lp-color-shadow-interactive-focus);outline:none}:-moz-any(.vLReaG_button_,.vLReaG_appliedButton_):focus-visible{border-color:var(--lp-color-border-interactive-secondary-focus);box-shadow:0 0 0 2px var(--lp-color-bg-ui-primary),0 0 0 4px var(--lp-color-shadow-interactive-focus);outline:none}:is(.vLReaG_button_,.vLReaG_appliedButton_):focus-visible{border-color:var(--lp-color-border-interactive-secondary-focus);box-shadow:0 0 0 2px var(--lp-color-bg-ui-primary),0 0 0 4px var(--lp-color-shadow-interactive-focus);outline:none}.vLReaG_name_{font-weight:var(--lp-font-weight-medium);margin-right:.3125rem}.vLReaG_appliedName_{margin-right:.1875rem}.vLReaG_description_{color:var(--lp-color-text-ui-primary-base);font-weight:var(--lp-font-weight-medium)}.vLReaG_description_,.vLReaG_appliedDescription_{text-overflow:ellipsis;white-space:nowrap;max-width:10rem;margin-right:.3125rem;overflow:hidden}.vLReaG_clear_{cursor:pointer;padding:.1875rem}.vLReaG_button_.vLReaG_isClearable_{background-color:var(--lp-component-filter-color-bg-clearable);padding-right:1.9375rem}.vLReaG_button_.vLReaG_isClearable_:focus,.vLReaG_button_.vLReaG_isClearable_:hover,.vLReaG_button_.vLReaG_isClearable_:active{background-color:var(--lp-component-filter-color-bg-clearable-focus);border-color:var(--lp-component-filter-color-border-clearable-focus)}.vLReaG_button_:hover:not(.vLReaG_isClearable_),.vLReaG_button_:focus:not(.vLReaG_isClearable_),[data-state=open] .vLReaG_button_:not(.vLReaG_isClearable_){background-color:var(--lp-color-bg-interactive-secondary-hover);border-color:var(--lp-color-border-interactive-secondary-hover)}.vLReaG_button_:focus:not(:focus-visible):not(.vLReaG_isClearable_):hover{background-color:var(--lp-color-bg-interactive-secondary-hover)}.vLReaG_clearTooltip_{line-height:1;position:absolute;right:.4375rem}.vLReaG_filterClearButton_{color:var(--lp-color-text-interactive-destructive);font-size:.8125rem;font-weight:var(--lp-font-weight-medium);border-bottom:1px solid var(--lp-color-border-interactive-secondary-base);width:100%;padding:.625rem;text-decoration:none}.vLReaG_filterClearButton_:active,.vLReaG_filterClearButton_:focus,.vLReaG_filterClearButton_:hover{box-shadow:unset;color:var(--lp-color-text-interactive-destructive);outline:none}.vLReaG_filterClearButton_:active{border-bottom-color:var(--lp-color-border-interactive-secondary-active);background-color:var(--lp-color-bg-interactive-secondary-active)}.vLReaG_filterClearButton_:focus{border-bottom-color:var(--lp-color-border-interactive-secondary-focus);background-color:var(--lp-color-bg-interactive-secondary-focus)}.vLReaG_filterClearButton_:hover{border-bottom-color:var(--lp-color-border-interactive-secondary-hover);background-color:var(--lp-color-bg-interactive-secondary-hover)}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@launchpad-ui/filter",
-  "version": "0.6.12",
+  "version": "0.6.14",
   "status": "beta",
   "publishConfig": {
     "access": "public"
@@ -28,12 +28,12 @@
   "dependencies": {
     "@react-aria/visually-hidden": "3.8.8",
     "classix": "2.1.17",
-    "@launchpad-ui/button": "~0.11.10",
-    "@launchpad-ui/dropdown": "~0.6.86",
-    "@launchpad-ui/icons": "~0.14.10",
-    "@launchpad-ui/menu": "~0.12.12",
-    "@launchpad-ui/tokens": "~0.9.3",
-    "@launchpad-ui/tooltip": "~0.8.9"
+    "@launchpad-ui/button": "~0.11.12",
+    "@launchpad-ui/dropdown": "~0.6.88",
+    "@launchpad-ui/icons": "~0.15.1",
+    "@launchpad-ui/menu": "~0.12.14",
+    "@launchpad-ui/tokens": "~0.9.4",
+    "@launchpad-ui/tooltip": "~0.8.11"
   },
   "peerDependencies": {
     "react": "18.2.0",