@launchpad-ui/filter 0.5.53 → 0.6.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/dist/index.es.js +12 -12
  2. package/dist/index.js +12 -12
  3. package/dist/style.css +44 -44
  4. package/package.json +7 -7
package/dist/index.es.js CHANGED
@@ -8,18 +8,18 @@ import { Button, IconButton } from "@launchpad-ui/button";
8
8
  import { Menu, MenuSearch, MenuDivider, MenuItem } from "@launchpad-ui/menu";
9
9
  import { Tooltip } from "@launchpad-ui/tooltip";
10
10
  import { VisuallyHidden } from "@react-aria/visually-hidden";
11
- const filter = "_filter_aff5p_14";
12
- const buttonContainer = "_buttonContainer_aff5p_18";
13
- const button = "_button_aff5p_18";
14
- const appliedButton = "_appliedButton_aff5p_37";
15
- const name = "_name_aff5p_69";
16
- const appliedName = "_appliedName_aff5p_74";
17
- const description = "_description_aff5p_78";
18
- const appliedDescription = "_appliedDescription_aff5p_84";
19
- const clear = "_clear_aff5p_92";
20
- const isClearable = "_isClearable_aff5p_97";
21
- const clearTooltip = "_clearTooltip_aff5p_122";
22
- const filterClearButton = "_filterClearButton_aff5p_128";
11
+ const filter = "_filter_1jgtq_14";
12
+ const buttonContainer = "_buttonContainer_1jgtq_18";
13
+ const button = "_button_1jgtq_18";
14
+ const appliedButton = "_appliedButton_1jgtq_37";
15
+ const name = "_name_1jgtq_69";
16
+ const appliedName = "_appliedName_1jgtq_74";
17
+ const description = "_description_1jgtq_78";
18
+ const appliedDescription = "_appliedDescription_1jgtq_84";
19
+ const clear = "_clear_1jgtq_92";
20
+ const isClearable = "_isClearable_1jgtq_97";
21
+ const clearTooltip = "_clearTooltip_1jgtq_122";
22
+ const filterClearButton = "_filterClearButton_1jgtq_128";
23
23
  const styles = {
24
24
  filter,
25
25
  buttonContainer,
package/dist/index.js CHANGED
@@ -10,18 +10,18 @@ const button$1 = require("@launchpad-ui/button");
10
10
  const menu = require("@launchpad-ui/menu");
11
11
  const tooltip = require("@launchpad-ui/tooltip");
12
12
  const visuallyHidden = require("@react-aria/visually-hidden");
13
- const filter = "_filter_aff5p_14";
14
- const buttonContainer = "_buttonContainer_aff5p_18";
15
- const button = "_button_aff5p_18";
16
- const appliedButton = "_appliedButton_aff5p_37";
17
- const name = "_name_aff5p_69";
18
- const appliedName = "_appliedName_aff5p_74";
19
- const description = "_description_aff5p_78";
20
- const appliedDescription = "_appliedDescription_aff5p_84";
21
- const clear = "_clear_aff5p_92";
22
- const isClearable = "_isClearable_aff5p_97";
23
- const clearTooltip = "_clearTooltip_aff5p_122";
24
- const filterClearButton = "_filterClearButton_aff5p_128";
13
+ const filter = "_filter_1jgtq_14";
14
+ const buttonContainer = "_buttonContainer_1jgtq_18";
15
+ const button = "_button_1jgtq_18";
16
+ const appliedButton = "_appliedButton_1jgtq_37";
17
+ const name = "_name_1jgtq_69";
18
+ const appliedName = "_appliedName_1jgtq_74";
19
+ const description = "_description_1jgtq_78";
20
+ const appliedDescription = "_appliedDescription_1jgtq_84";
21
+ const clear = "_clear_1jgtq_92";
22
+ const isClearable = "_isClearable_1jgtq_97";
23
+ const clearTooltip = "_clearTooltip_1jgtq_122";
24
+ const filterClearButton = "_filterClearButton_1jgtq_128";
25
25
  const styles = {
26
26
  filter,
27
27
  buttonContainer,
package/dist/style.css CHANGED
@@ -11,22 +11,22 @@
11
11
  --lp-component-filter-color-border-clearable-focus: var(--lp-color-gray-500);
12
12
  }
13
13
 
14
- ._filter_aff5p_14 {
14
+ ._filter_1jgtq_14 {
15
15
  font-family: var(--lp-font-family-base);
16
16
  }
17
17
 
18
- ._buttonContainer_aff5p_18 {
18
+ ._buttonContainer_1jgtq_18 {
19
19
  cursor: pointer;
20
20
  display: inline-flex;
21
21
  align-items: center;
22
22
  position: relative;
23
23
  }
24
24
 
25
- ._button_aff5p_18 {
25
+ ._button_1jgtq_18 {
26
26
  border-radius: var(--lp-border-radius-medium);
27
27
  padding-top: 0;
28
28
  padding-bottom: 0;
29
- line-height: 3.2rem;
29
+ line-height: 2rem;
30
30
  display: flex;
31
31
  align-items: center;
32
32
  margin: 0;
@@ -34,31 +34,31 @@
34
34
  background-color: var(--lp-color-bg-interactive-secondary-base);
35
35
  }
36
36
 
37
- ._appliedButton_aff5p_37 {
37
+ ._appliedButton_1jgtq_37 {
38
38
  color: var(--lp-color-text-ui-primary-base);
39
- height: 2rem;
39
+ height: 1.25rem;
40
40
  background-color: var(--lp-color-bg-interactive-secondary-hover);
41
- padding: 0.2rem 0.6rem;
42
- border-radius: 0.2rem;
41
+ padding: 0.125rem 0.375rem;
42
+ border-radius: 0.125rem;
43
43
  display: flex;
44
44
  }
45
45
 
46
- ._button_aff5p_18,
47
- ._appliedButton_aff5p_37 {
46
+ ._button_1jgtq_18,
47
+ ._appliedButton_1jgtq_37 {
48
48
  font-family: inherit;
49
- font-size: 1.3rem;
49
+ font-size: 0.8125rem;
50
50
  cursor: pointer;
51
51
  border-width: var(--lp-border-width-200);
52
52
  border-style: solid;
53
53
  border-color: transparent;
54
54
  }
55
55
 
56
- ._button_aff5p_18:hover, ._appliedButton_aff5p_37:hover {
56
+ ._button_1jgtq_18:hover, ._appliedButton_1jgtq_37:hover {
57
57
  background-color: var(--lp-color-bg-interactive-secondary-hover);
58
58
  border-color: var(--lp-color-border-interactive-secondary-hover);
59
59
  }
60
60
 
61
- ._button_aff5p_18:focus-visible, ._appliedButton_aff5p_37:focus-visible {
61
+ ._button_1jgtq_18:focus-visible, ._appliedButton_1jgtq_37:focus-visible {
62
62
  outline: none;
63
63
  border-color: var(--lp-color-border-interactive-secondary-focus);
64
64
  box-shadow:
@@ -66,97 +66,97 @@
66
66
  0 0 0 4px var(--lp-color-shadow-interactive-focus);
67
67
  }
68
68
 
69
- ._name_aff5p_69 {
70
- margin-right: 0.5rem;
69
+ ._name_1jgtq_69 {
70
+ margin-right: 0.3125rem;
71
71
  font-weight: var(--lp-font-weight-medium);
72
72
  }
73
73
 
74
- ._appliedName_aff5p_74 {
75
- margin-right: 0.3rem;
74
+ ._appliedName_1jgtq_74 {
75
+ margin-right: 0.1875rem;
76
76
  }
77
77
 
78
- ._description_aff5p_78 {
78
+ ._description_1jgtq_78 {
79
79
  color: var(--lp-color-text-ui-primary-base);
80
80
  font-weight: var(--lp-font-weight-medium);
81
81
  }
82
82
 
83
- ._description_aff5p_78,
84
- ._appliedDescription_aff5p_84 {
85
- margin-right: 0.5rem;
86
- max-width: 16rem;
83
+ ._description_1jgtq_78,
84
+ ._appliedDescription_1jgtq_84 {
85
+ margin-right: 0.3125rem;
86
+ max-width: 10rem;
87
87
  overflow: hidden;
88
88
  text-overflow: ellipsis;
89
89
  white-space: nowrap;
90
90
  }
91
91
 
92
- ._clear_aff5p_92 {
92
+ ._clear_1jgtq_92 {
93
93
  cursor: pointer;
94
- padding: 0.3rem;
94
+ padding: 0.1875rem;
95
95
  }
96
96
 
97
- ._button_aff5p_18._isClearable_aff5p_97 {
98
- padding-right: 3.1rem;
97
+ ._button_1jgtq_18._isClearable_1jgtq_97 {
98
+ padding-right: 1.9375rem;
99
99
  background-color: rgba(0, 0, 0, 0.15);
100
100
  background-color: var(--lp-component-filter-color-bg-clearable);
101
101
  }
102
102
 
103
- ._button_aff5p_18._isClearable_aff5p_97:focus,
104
- ._button_aff5p_18._isClearable_aff5p_97:hover,
105
- ._button_aff5p_18._isClearable_aff5p_97:active {
103
+ ._button_1jgtq_18._isClearable_1jgtq_97:focus,
104
+ ._button_1jgtq_18._isClearable_1jgtq_97:hover,
105
+ ._button_1jgtq_18._isClearable_1jgtq_97:active {
106
106
  background-color: rgba(0, 0, 0, 0.2);
107
107
  background-color: var(--lp-component-filter-color-bg-clearable-focus);
108
108
  border-color: var(--lp-color-gray-800);
109
109
  border-color: var(--lp-component-filter-color-border-clearable-focus);
110
110
  }
111
111
 
112
- ._button_aff5p_18:hover:not(._isClearable_aff5p_97),
113
- ._button_aff5p_18:focus:not(._isClearable_aff5p_97),
114
- [data-state='open'] ._button_aff5p_18:not(._isClearable_aff5p_97) {
112
+ ._button_1jgtq_18:hover:not(._isClearable_1jgtq_97),
113
+ ._button_1jgtq_18:focus:not(._isClearable_1jgtq_97),
114
+ [data-state='open'] ._button_1jgtq_18:not(._isClearable_1jgtq_97) {
115
115
  background-color: var(--lp-color-bg-interactive-secondary-hover);
116
116
  border-color: var(--lp-color-border-interactive-secondary-hover);
117
117
  }
118
118
 
119
- ._button_aff5p_18:focus:not(:focus-visible):not(._isClearable_aff5p_97):hover {
119
+ ._button_1jgtq_18:focus:not(:focus-visible):not(._isClearable_1jgtq_97):hover {
120
120
  background-color: var(--lp-color-bg-interactive-secondary-hover);
121
121
  }
122
122
 
123
- ._clearTooltip_aff5p_122 {
123
+ ._clearTooltip_1jgtq_122 {
124
124
  line-height: 1;
125
125
  position: absolute;
126
- right: 0.7rem;
126
+ right: 0.4375rem;
127
127
  }
128
128
 
129
- ._filterClearButton_aff5p_128 {
129
+ ._filterClearButton_1jgtq_128 {
130
130
  -webkit-text-decoration: none;
131
131
  text-decoration: none;
132
132
  color: var(--lp-color-text-interactive-destructive);
133
- font-size: 1.3rem;
133
+ font-size: 0.8125rem;
134
134
  font-weight: var(--lp-font-weight-medium);
135
- padding: 1rem;
135
+ padding: 0.625rem;
136
136
  width: 100%;
137
137
  border-bottom: 1px solid var(--lp-color-border-interactive-secondary-base);
138
138
  }
139
139
 
140
- ._filterClearButton_aff5p_128:active,
141
- ._filterClearButton_aff5p_128:focus,
142
- ._filterClearButton_aff5p_128:hover {
140
+ ._filterClearButton_1jgtq_128:active,
141
+ ._filterClearButton_1jgtq_128:focus,
142
+ ._filterClearButton_1jgtq_128:hover {
143
143
  outline: none;
144
144
  box-shadow: none;
145
145
  box-shadow: initial;
146
146
  color: var(--lp-color-text-interactive-destructive);
147
147
  }
148
148
 
149
- ._filterClearButton_aff5p_128:active {
149
+ ._filterClearButton_1jgtq_128:active {
150
150
  border-bottom-color: var(--lp-color-border-interactive-secondary-active);
151
151
  background-color: var(--lp-color-bg-interactive-secondary-active);
152
152
  }
153
153
 
154
- ._filterClearButton_aff5p_128:focus {
154
+ ._filterClearButton_1jgtq_128:focus {
155
155
  border-bottom-color: var(--lp-color-border-interactive-secondary-focus);
156
156
  background-color: var(--lp-color-bg-interactive-secondary-focus);
157
157
  }
158
158
 
159
- ._filterClearButton_aff5p_128:hover {
159
+ ._filterClearButton_1jgtq_128:hover {
160
160
  border-bottom-color: var(--lp-color-border-interactive-secondary-hover);
161
161
  background-color: var(--lp-color-bg-interactive-secondary-hover);
162
162
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@launchpad-ui/filter",
3
- "version": "0.5.53",
3
+ "version": "0.6.0",
4
4
  "status": "beta",
5
5
  "publishConfig": {
6
6
  "access": "public"
@@ -28,12 +28,12 @@
28
28
  "dependencies": {
29
29
  "@react-aria/visually-hidden": "3.8.5",
30
30
  "classix": "2.1.17",
31
- "@launchpad-ui/button": "~0.10.9",
32
- "@launchpad-ui/dropdown": "~0.6.72",
33
- "@launchpad-ui/icons": "~0.13.0",
34
- "@launchpad-ui/menu": "~0.11.20",
35
- "@launchpad-ui/tokens": "~0.7.1",
36
- "@launchpad-ui/tooltip": "~0.7.27"
31
+ "@launchpad-ui/button": "~0.11.0",
32
+ "@launchpad-ui/dropdown": "~0.6.74",
33
+ "@launchpad-ui/icons": "~0.14.0",
34
+ "@launchpad-ui/menu": "~0.12.0",
35
+ "@launchpad-ui/tokens": "~0.8.0",
36
+ "@launchpad-ui/tooltip": "~0.8.0"
37
37
  },
38
38
  "peerDependencies": {
39
39
  "react": "18.2.0",