draft-components 4.14.0 → 4.15.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 (7) hide show
  1. package/css/draft-components.css +8 -12
  2. package/dist/components/popover/popover.css +1 -5
  3. package/dist/components/table/table.css +1 -5
  4. package/dist/components/token-input/token-input.css +6 -2
  5. package/dist/components/token-input/token-input.js +2 -0
  6. package/dist/components/token-input/token-input.js.map +1 -1
  7. package/package.json +1 -1
package/css/draft-components.css CHANGED
@@ -2119,8 +2119,7 @@
2119
2119
  --font: var(--dc-text-sm);
2120
2120
  --padding: 12px 16px;
2121
2121
  --color: var(--dc-text-color-primary);
2122
- --background: rgb(var(--dc-white-rgb) / 85%);
2123
- --background-filter: blur(20px) saturate(180%);
2122
+ --background: var(--dc-background-primary);
2124
2123
  --radius: 8px;
2125
2124
  --shadow: 0 0 0 1px rgb(var(--dc-black-rgb) / 7.5%), 0 -1px 0 0 rgb(var(--dc-black-rgb) / 5%), var(--dc-shadow-lg);
2126
2125
 
@@ -2140,8 +2139,6 @@
2140
2139
  background: var(--background);
2141
2140
  border-radius: var(--radius);
2142
2141
  box-shadow: var(--shadow);
2143
- -webkit-backdrop-filter: var(--background-filter);
2144
- backdrop-filter: var(--background-filter);
2145
2142
  }
2146
2143
 
2147
2144
  .dc-popover__backdrop {
@@ -2191,7 +2188,6 @@
2191
2188
  .dark .dc-popover,
2192
2189
  .dark.dc-popover {
2193
2190
  --border-color: var(--dc-neutral-600);
2194
- --background: rgb(var(--dc-neutral-800-rgb) / 85%);
2195
2191
  --shadow: 0 0 0 1px var(--dc-neutral-600), var(--dc-shadow-lg);
2196
2192
 
2197
2193
  color-scheme: dark;
@@ -2763,6 +2759,7 @@
2763
2759
  --border-color: var(--dc-neutral-300);
2764
2760
  --border-color-error: var(--dc-red-500);
2765
2761
  --focus-ring-color: var(--dc-focus-ring-color);
2762
+ --input-height: 28px;
2766
2763
  --input-padding: 0 9px;
2767
2764
  --token-height: 28px;
2768
2765
  --token-padding: 0 0 0 8px;
@@ -2801,6 +2798,7 @@
2801
2798
  }
2802
2799
 
2803
2800
  .dc-token-input_size_sm {
2801
+ --input-height: 24px;
2804
2802
  --input-padding: 0 5px;
2805
2803
  --token-height: 24px;
2806
2804
  --token-padding: 0 0 0 8px;
@@ -2814,6 +2812,7 @@
2814
2812
  }
2815
2813
 
2816
2814
  .dc-token-input_size_lg {
2815
+ --input-height: 30px;
2817
2816
  --input-padding: 0 12px;
2818
2817
  --token-height: 30px;
2819
2818
  --token-padding: 0 0 0 12px;
@@ -2827,9 +2826,10 @@
2827
2826
  }
2828
2827
 
2829
2828
  .dc-token-input > input {
2830
- flex-grow: 1;
2829
+ flex: 1 1 0;
2831
2830
  width: auto;
2832
- min-width: 10ch;
2831
+ min-width: 5ch;
2832
+ height: var(--input-height);
2833
2833
  padding: var(--input-padding);
2834
2834
  font: inherit;
2835
2835
  line-height: 1.5;
@@ -4610,8 +4610,7 @@
4610
4610
  --border-color: var(--dc-neutral-300);
4611
4611
  --border: 1px solid var(--border-color);
4612
4612
  --background: var(--dc-background-primary);
4613
- --background-sticky: rgb(var(--dc-white-rgb) / 80%);
4614
- --backdrop-filter-sticky: blur(20px) saturate(180%);
4613
+ --background-sticky: var(--background);
4615
4614
  --head-background: var(--background);
4616
4615
  --row-background-stripped: var(--dc-neutral-100);
4617
4616
  --row-background-selected: var(--dc-neutral-100);
@@ -4685,8 +4684,6 @@
4685
4684
  position: sticky;
4686
4685
  z-index: 1;
4687
4686
  background: var(--background-sticky);
4688
- -webkit-backdrop-filter: var(--backdrop-filter-sticky);
4689
- backdrop-filter: var(--backdrop-filter-sticky);
4690
4687
  }
4691
4688
 
4692
4689
  .dc-table_sticky_header thead {
@@ -4780,7 +4777,6 @@
4780
4777
  --color: var(--dc-text-color-primary);
4781
4778
  --border-color: var(--dc-neutral-600);
4782
4779
  --background: var(--dc-background-primary);
4783
- --background-sticky: rgb(var(--dc-neutral-800-rgb) / 80%);
4784
4780
  --row-background-stripped: var(--dc-neutral-700);
4785
4781
  --row-background-selected: var(--dc-neutral-700);
4786
4782
  --row-background-highlighted: var(--dc-neutral-600);
package/dist/components/popover/popover.css CHANGED
@@ -2,8 +2,7 @@
2
2
  --font: var(--dc-text-sm);
3
3
  --padding: 12px 16px;
4
4
  --color: var(--dc-text-color-primary);
5
- --background: rgb(var(--dc-white-rgb) / 85%);
6
- --background-filter: blur(20px) saturate(180%);
5
+ --background: var(--dc-background-primary);
7
6
  --radius: 8px;
8
7
  --shadow: 0 0 0 1px rgb(var(--dc-black-rgb) / 7.5%), 0 -1px 0 0 rgb(var(--dc-black-rgb) / 5%), var(--dc-shadow-lg);
9
8
 
@@ -23,8 +22,6 @@
23
22
  background: var(--background);
24
23
  border-radius: var(--radius);
25
24
  box-shadow: var(--shadow);
26
- -webkit-backdrop-filter: var(--background-filter);
27
- backdrop-filter: var(--background-filter);
28
25
  }
29
26
 
30
27
  .dc-popover__backdrop {
@@ -74,7 +71,6 @@
74
71
  .dark .dc-popover,
75
72
  .dark.dc-popover {
76
73
  --border-color: var(--dc-neutral-600);
77
- --background: rgb(var(--dc-neutral-800-rgb) / 85%);
78
74
  --shadow: 0 0 0 1px var(--dc-neutral-600), var(--dc-shadow-lg);
79
75
 
80
76
  color-scheme: dark;
package/dist/components/table/table.css CHANGED
@@ -4,8 +4,7 @@
4
4
  --border-color: var(--dc-neutral-300);
5
5
  --border: 1px solid var(--border-color);
6
6
  --background: var(--dc-background-primary);
7
- --background-sticky: rgb(var(--dc-white-rgb) / 80%);
8
- --backdrop-filter-sticky: blur(20px) saturate(180%);
7
+ --background-sticky: var(--background);
9
8
  --head-background: var(--background);
10
9
  --row-background-stripped: var(--dc-neutral-100);
11
10
  --row-background-selected: var(--dc-neutral-100);
@@ -79,8 +78,6 @@
79
78
  position: sticky;
80
79
  z-index: 1;
81
80
  background: var(--background-sticky);
82
- -webkit-backdrop-filter: var(--backdrop-filter-sticky);
83
- backdrop-filter: var(--backdrop-filter-sticky);
84
81
  }
85
82
 
86
83
  .dc-table_sticky_header thead {
@@ -174,7 +171,6 @@
174
171
  --color: var(--dc-text-color-primary);
175
172
  --border-color: var(--dc-neutral-600);
176
173
  --background: var(--dc-background-primary);
177
- --background-sticky: rgb(var(--dc-neutral-800-rgb) / 80%);
178
174
  --row-background-stripped: var(--dc-neutral-700);
179
175
  --row-background-selected: var(--dc-neutral-700);
180
176
  --row-background-highlighted: var(--dc-neutral-600);
package/dist/components/token-input/token-input.css CHANGED
@@ -4,6 +4,7 @@
4
4
  --border-color: var(--dc-neutral-300);
5
5
  --border-color-error: var(--dc-red-500);
6
6
  --focus-ring-color: var(--dc-focus-ring-color);
7
+ --input-height: 28px;
7
8
  --input-padding: 0 9px;
8
9
  --token-height: 28px;
9
10
  --token-padding: 0 0 0 8px;
@@ -42,6 +43,7 @@
42
43
  }
43
44
 
44
45
  .dc-token-input_size_sm {
46
+ --input-height: 24px;
45
47
  --input-padding: 0 5px;
46
48
  --token-height: 24px;
47
49
  --token-padding: 0 0 0 8px;
@@ -55,6 +57,7 @@
55
57
  }
56
58
 
57
59
  .dc-token-input_size_lg {
60
+ --input-height: 30px;
58
61
  --input-padding: 0 12px;
59
62
  --token-height: 30px;
60
63
  --token-padding: 0 0 0 12px;
@@ -68,9 +71,10 @@
68
71
  }
69
72
 
70
73
  .dc-token-input > input {
71
- flex-grow: 1;
74
+ flex: 1 1 0;
72
75
  width: auto;
73
- min-width: 10ch;
76
+ min-width: 5ch;
77
+ height: var(--input-height);
74
78
  padding: var(--input-padding);
75
79
  font: inherit;
76
80
  line-height: 1.5;
package/dist/components/token-input/token-input.js CHANGED
@@ -27,6 +27,8 @@ export function TokenInput({ id: defaultInputId, style, className, size, ariaLab
27
27
  }
28
28
  input.value = '';
29
29
  }
30
+ event.preventDefault();
31
+ event.stopPropagation();
30
32
  }
31
33
  if (event.key === 'Backspace') {
32
34
  if (!input.value) {
package/dist/components/token-input/token-input.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"token-input.js","sourceRoot":"","sources":["../../../src/components/token-input/token-input.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"token-input.js","sourceRoot":"","sources":["../../../src/components/token-input/token-input.tsx"],"names":[],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "draft-components",
3
- "version": "4.14.0",
3
+ "version": "4.15.0",
4
4
  "description": "The React based UI components library.",
5
5
  "type": "module",
6
6
  "exports": {