@wistia/ui 0.6.7 → 0.6.8
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.
- package/dist/index.cjs +10 -2
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.mts +5 -0
- package/dist/index.d.ts +5 -0
- package/dist/index.mjs +10 -2
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.d.mts
CHANGED
|
@@ -2514,6 +2514,11 @@ type SelectProps = {
|
|
|
2514
2514
|
* A group of `Option` or `OptionGroup`s
|
|
2515
2515
|
*/
|
|
2516
2516
|
children: ReactNode;
|
|
2517
|
+
/**
|
|
2518
|
+
* The color scheme of the select.
|
|
2519
|
+
*
|
|
2520
|
+
* @default inherit
|
|
2521
|
+
*/
|
|
2517
2522
|
colorScheme?: ColorSchemeTypes;
|
|
2518
2523
|
/**
|
|
2519
2524
|
* When true, the select can't be interacted with.
|
package/dist/index.d.ts
CHANGED
|
@@ -2514,6 +2514,11 @@ type SelectProps = {
|
|
|
2514
2514
|
* A group of `Option` or `OptionGroup`s
|
|
2515
2515
|
*/
|
|
2516
2516
|
children: ReactNode;
|
|
2517
|
+
/**
|
|
2518
|
+
* The color scheme of the select.
|
|
2519
|
+
*
|
|
2520
|
+
* @default inherit
|
|
2521
|
+
*/
|
|
2517
2522
|
colorScheme?: ColorSchemeTypes;
|
|
2518
2523
|
/**
|
|
2519
2524
|
* When true, the select can't be interacted with.
|
package/dist/index.mjs
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
/*
|
|
3
|
-
* @license @wistia/ui v0.6.
|
|
3
|
+
* @license @wistia/ui v0.6.8
|
|
4
4
|
*
|
|
5
5
|
* Copyright (c) 2024-2025, Wistia, Inc. and its affiliates.
|
|
6
6
|
*
|
|
@@ -10379,8 +10379,15 @@ var StyledTrigger = styled56(Trigger4)`
|
|
|
10379
10379
|
display: inline-flex;
|
|
10380
10380
|
align-items: center;
|
|
10381
10381
|
justify-content: space-between;
|
|
10382
|
+
max-width: 100%;
|
|
10382
10383
|
width: ${({ $fullWidth = false }) => $fullWidth ? "100%" : "auto"};
|
|
10383
10384
|
|
|
10385
|
+
> span {
|
|
10386
|
+
white-space: nowrap;
|
|
10387
|
+
text-overflow: ellipsis;
|
|
10388
|
+
overflow: hidden;
|
|
10389
|
+
}
|
|
10390
|
+
|
|
10384
10391
|
&[aria-expanded='true'],
|
|
10385
10392
|
&:focus {
|
|
10386
10393
|
outline: 2px solid var(--wui-color-focus-ring);
|
|
@@ -10410,7 +10417,8 @@ var StyledContent3 = styled56(Content4)`
|
|
|
10410
10417
|
border: 1px solid var(--wui-select-content-border);
|
|
10411
10418
|
border-radius: var(--wui-select-content-border-radius);
|
|
10412
10419
|
padding: var(--wui-select-option-padding);
|
|
10413
|
-
min-width:
|
|
10420
|
+
min-width: var(--radix-select-trigger-width);
|
|
10421
|
+
max-height: var(--radix-select-content-available-height);
|
|
10414
10422
|
z-index: var(--wui-zindex-menu);
|
|
10415
10423
|
`;
|
|
10416
10424
|
var Select = forwardRef25(
|