@plasmicpkgs/react-aria 0.0.80 → 0.0.81
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/.tsbuildinfo +1 -1
- package/dist/react-aria.esm.js +23 -13
- package/dist/react-aria.esm.js.map +1 -1
- package/dist/react-aria.js +23 -13
- package/dist/react-aria.js.map +1 -1
- package/dist/registerComboBox.d.ts +0 -1
- package/package.json +2 -2
- package/skinny/registerComboBox.cjs.js +10 -3
- package/skinny/registerComboBox.cjs.js.map +1 -1
- package/skinny/registerComboBox.d.ts +0 -1
- package/skinny/registerComboBox.esm.js +10 -3
- package/skinny/registerComboBox.esm.js.map +1 -1
- package/skinny/registerInput.cjs.js.map +1 -1
- package/skinny/registerInput.esm.js.map +1 -1
- package/skinny/registerSelect.cjs.js +11 -9
- package/skinny/registerSelect.cjs.js.map +1 -1
- package/skinny/registerSelect.esm.js +11 -9
- package/skinny/registerSelect.esm.js.map +1 -1
- package/skinny/registerTextField.cjs.js +2 -1
- package/skinny/registerTextField.cjs.js.map +1 -1
- package/skinny/registerTextField.esm.js +2 -1
- package/skinny/registerTextField.esm.js.map +1 -1
package/dist/react-aria.esm.js
CHANGED
|
@@ -2217,7 +2217,6 @@ function registerComboBox(loader) {
|
|
|
2217
2217
|
props: __spreadProps$9(__spreadValues$e({}, getCommonProps("ComboBox", [
|
|
2218
2218
|
"name",
|
|
2219
2219
|
"aria-label",
|
|
2220
|
-
"placeholder",
|
|
2221
2220
|
"isDisabled"
|
|
2222
2221
|
])), {
|
|
2223
2222
|
selectedKey: {
|
|
@@ -2275,12 +2274,16 @@ function registerComboBox(loader) {
|
|
|
2275
2274
|
},
|
|
2276
2275
|
{
|
|
2277
2276
|
type: "hbox",
|
|
2277
|
+
styles: {
|
|
2278
|
+
padding: 0
|
|
2279
|
+
},
|
|
2278
2280
|
children: [
|
|
2279
2281
|
{
|
|
2280
2282
|
type: "component",
|
|
2281
2283
|
name: INPUT_COMPONENT_NAME,
|
|
2282
2284
|
styles: {
|
|
2283
|
-
width: "100%"
|
|
2285
|
+
width: "100%",
|
|
2286
|
+
borderRightWidth: 0
|
|
2284
2287
|
}
|
|
2285
2288
|
},
|
|
2286
2289
|
{
|
|
@@ -2293,7 +2296,11 @@ function registerComboBox(loader) {
|
|
|
2293
2296
|
src: "https://static1.plasmic.app/arrow-up.svg",
|
|
2294
2297
|
styles: {
|
|
2295
2298
|
width: "15px",
|
|
2296
|
-
transform: "rotate(180deg)"
|
|
2299
|
+
transform: "rotate(180deg)",
|
|
2300
|
+
display: "flex",
|
|
2301
|
+
alignItems: "center",
|
|
2302
|
+
justifyContent: "center",
|
|
2303
|
+
padding: 0
|
|
2297
2304
|
}
|
|
2298
2305
|
}
|
|
2299
2306
|
}
|
|
@@ -3065,7 +3072,6 @@ function BaseSelect(props) {
|
|
|
3065
3072
|
const {
|
|
3066
3073
|
selectedKey,
|
|
3067
3074
|
onSelectionChange,
|
|
3068
|
-
placeholder,
|
|
3069
3075
|
onOpenChange,
|
|
3070
3076
|
isDisabled,
|
|
3071
3077
|
className,
|
|
@@ -3093,7 +3099,6 @@ function BaseSelect(props) {
|
|
|
3093
3099
|
return /* @__PURE__ */ React.createElement(
|
|
3094
3100
|
Select,
|
|
3095
3101
|
__spreadValues$8({
|
|
3096
|
-
placeholder,
|
|
3097
3102
|
selectedKey,
|
|
3098
3103
|
onSelectionChange,
|
|
3099
3104
|
onOpenChange,
|
|
@@ -3126,14 +3131,17 @@ function registerSelect(loader) {
|
|
|
3126
3131
|
props: {
|
|
3127
3132
|
customize: {
|
|
3128
3133
|
type: "boolean",
|
|
3129
|
-
|
|
3134
|
+
displayName: "Customize placeholder",
|
|
3135
|
+
defaultValue: true,
|
|
3136
|
+
description: "Customize the placeholder text and styles"
|
|
3130
3137
|
},
|
|
3131
3138
|
children: {
|
|
3132
3139
|
type: "slot",
|
|
3140
|
+
displayName: "Placeholder",
|
|
3133
3141
|
defaultValue: [
|
|
3134
3142
|
{
|
|
3135
3143
|
type: "text",
|
|
3136
|
-
value: "
|
|
3144
|
+
value: "Select an item"
|
|
3137
3145
|
}
|
|
3138
3146
|
],
|
|
3139
3147
|
hidden: (props) => !props.customize
|
|
@@ -3150,7 +3158,6 @@ function registerSelect(loader) {
|
|
|
3150
3158
|
props: __spreadProps$4(__spreadValues$8({}, getCommonProps("Select", [
|
|
3151
3159
|
"name",
|
|
3152
3160
|
"aria-label",
|
|
3153
|
-
"placeholder",
|
|
3154
3161
|
"isDisabled",
|
|
3155
3162
|
"autoFocus"
|
|
3156
3163
|
])), {
|
|
@@ -3212,7 +3219,9 @@ function registerSelect(loader) {
|
|
|
3212
3219
|
type: "component",
|
|
3213
3220
|
name: BUTTON_COMPONENT_NAME,
|
|
3214
3221
|
styles: {
|
|
3215
|
-
width: "100%"
|
|
3222
|
+
width: "100%",
|
|
3223
|
+
padding: "4px 10px",
|
|
3224
|
+
background: "white"
|
|
3216
3225
|
},
|
|
3217
3226
|
props: {
|
|
3218
3227
|
children: {
|
|
@@ -3221,7 +3230,7 @@ function registerSelect(loader) {
|
|
|
3221
3230
|
width: "stretch",
|
|
3222
3231
|
justifyContent: "space-between",
|
|
3223
3232
|
alignItems: "center",
|
|
3224
|
-
padding:
|
|
3233
|
+
padding: 0
|
|
3225
3234
|
},
|
|
3226
3235
|
children: [
|
|
3227
3236
|
{
|
|
@@ -3232,8 +3241,8 @@ function registerSelect(loader) {
|
|
|
3232
3241
|
type: "img",
|
|
3233
3242
|
src: "https://static1.plasmic.app/arrow-up.svg",
|
|
3234
3243
|
styles: {
|
|
3235
|
-
height: "
|
|
3236
|
-
width: "
|
|
3244
|
+
height: "15px",
|
|
3245
|
+
width: "15px",
|
|
3237
3246
|
transform: "rotate(180deg)"
|
|
3238
3247
|
}
|
|
3239
3248
|
}
|
|
@@ -4374,7 +4383,8 @@ function registerTextField(loader, overrides) {
|
|
|
4374
4383
|
justifyContent: "flex-start",
|
|
4375
4384
|
alignItems: "flex-start",
|
|
4376
4385
|
width: "300px",
|
|
4377
|
-
gap: "5px"
|
|
4386
|
+
gap: "5px",
|
|
4387
|
+
padding: 0
|
|
4378
4388
|
},
|
|
4379
4389
|
children: [
|
|
4380
4390
|
{
|