@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.js
CHANGED
|
@@ -2225,7 +2225,6 @@ function registerComboBox(loader) {
|
|
|
2225
2225
|
props: __spreadProps$9(__spreadValues$e({}, getCommonProps("ComboBox", [
|
|
2226
2226
|
"name",
|
|
2227
2227
|
"aria-label",
|
|
2228
|
-
"placeholder",
|
|
2229
2228
|
"isDisabled"
|
|
2230
2229
|
])), {
|
|
2231
2230
|
selectedKey: {
|
|
@@ -2283,12 +2282,16 @@ function registerComboBox(loader) {
|
|
|
2283
2282
|
},
|
|
2284
2283
|
{
|
|
2285
2284
|
type: "hbox",
|
|
2285
|
+
styles: {
|
|
2286
|
+
padding: 0
|
|
2287
|
+
},
|
|
2286
2288
|
children: [
|
|
2287
2289
|
{
|
|
2288
2290
|
type: "component",
|
|
2289
2291
|
name: INPUT_COMPONENT_NAME,
|
|
2290
2292
|
styles: {
|
|
2291
|
-
width: "100%"
|
|
2293
|
+
width: "100%",
|
|
2294
|
+
borderRightWidth: 0
|
|
2292
2295
|
}
|
|
2293
2296
|
},
|
|
2294
2297
|
{
|
|
@@ -2301,7 +2304,11 @@ function registerComboBox(loader) {
|
|
|
2301
2304
|
src: "https://static1.plasmic.app/arrow-up.svg",
|
|
2302
2305
|
styles: {
|
|
2303
2306
|
width: "15px",
|
|
2304
|
-
transform: "rotate(180deg)"
|
|
2307
|
+
transform: "rotate(180deg)",
|
|
2308
|
+
display: "flex",
|
|
2309
|
+
alignItems: "center",
|
|
2310
|
+
justifyContent: "center",
|
|
2311
|
+
padding: 0
|
|
2305
2312
|
}
|
|
2306
2313
|
}
|
|
2307
2314
|
}
|
|
@@ -3073,7 +3080,6 @@ function BaseSelect(props) {
|
|
|
3073
3080
|
const {
|
|
3074
3081
|
selectedKey,
|
|
3075
3082
|
onSelectionChange,
|
|
3076
|
-
placeholder,
|
|
3077
3083
|
onOpenChange,
|
|
3078
3084
|
isDisabled,
|
|
3079
3085
|
className,
|
|
@@ -3101,7 +3107,6 @@ function BaseSelect(props) {
|
|
|
3101
3107
|
return /* @__PURE__ */ React__default.default.createElement(
|
|
3102
3108
|
reactAriaComponents.Select,
|
|
3103
3109
|
__spreadValues$8({
|
|
3104
|
-
placeholder,
|
|
3105
3110
|
selectedKey,
|
|
3106
3111
|
onSelectionChange,
|
|
3107
3112
|
onOpenChange,
|
|
@@ -3134,14 +3139,17 @@ function registerSelect(loader) {
|
|
|
3134
3139
|
props: {
|
|
3135
3140
|
customize: {
|
|
3136
3141
|
type: "boolean",
|
|
3137
|
-
|
|
3142
|
+
displayName: "Customize placeholder",
|
|
3143
|
+
defaultValue: true,
|
|
3144
|
+
description: "Customize the placeholder text and styles"
|
|
3138
3145
|
},
|
|
3139
3146
|
children: {
|
|
3140
3147
|
type: "slot",
|
|
3148
|
+
displayName: "Placeholder",
|
|
3141
3149
|
defaultValue: [
|
|
3142
3150
|
{
|
|
3143
3151
|
type: "text",
|
|
3144
|
-
value: "
|
|
3152
|
+
value: "Select an item"
|
|
3145
3153
|
}
|
|
3146
3154
|
],
|
|
3147
3155
|
hidden: (props) => !props.customize
|
|
@@ -3158,7 +3166,6 @@ function registerSelect(loader) {
|
|
|
3158
3166
|
props: __spreadProps$4(__spreadValues$8({}, getCommonProps("Select", [
|
|
3159
3167
|
"name",
|
|
3160
3168
|
"aria-label",
|
|
3161
|
-
"placeholder",
|
|
3162
3169
|
"isDisabled",
|
|
3163
3170
|
"autoFocus"
|
|
3164
3171
|
])), {
|
|
@@ -3220,7 +3227,9 @@ function registerSelect(loader) {
|
|
|
3220
3227
|
type: "component",
|
|
3221
3228
|
name: BUTTON_COMPONENT_NAME,
|
|
3222
3229
|
styles: {
|
|
3223
|
-
width: "100%"
|
|
3230
|
+
width: "100%",
|
|
3231
|
+
padding: "4px 10px",
|
|
3232
|
+
background: "white"
|
|
3224
3233
|
},
|
|
3225
3234
|
props: {
|
|
3226
3235
|
children: {
|
|
@@ -3229,7 +3238,7 @@ function registerSelect(loader) {
|
|
|
3229
3238
|
width: "stretch",
|
|
3230
3239
|
justifyContent: "space-between",
|
|
3231
3240
|
alignItems: "center",
|
|
3232
|
-
padding:
|
|
3241
|
+
padding: 0
|
|
3233
3242
|
},
|
|
3234
3243
|
children: [
|
|
3235
3244
|
{
|
|
@@ -3240,8 +3249,8 @@ function registerSelect(loader) {
|
|
|
3240
3249
|
type: "img",
|
|
3241
3250
|
src: "https://static1.plasmic.app/arrow-up.svg",
|
|
3242
3251
|
styles: {
|
|
3243
|
-
height: "
|
|
3244
|
-
width: "
|
|
3252
|
+
height: "15px",
|
|
3253
|
+
width: "15px",
|
|
3245
3254
|
transform: "rotate(180deg)"
|
|
3246
3255
|
}
|
|
3247
3256
|
}
|
|
@@ -4382,7 +4391,8 @@ function registerTextField(loader, overrides) {
|
|
|
4382
4391
|
justifyContent: "flex-start",
|
|
4383
4392
|
alignItems: "flex-start",
|
|
4384
4393
|
width: "300px",
|
|
4385
|
-
gap: "5px"
|
|
4394
|
+
gap: "5px",
|
|
4395
|
+
padding: 0
|
|
4386
4396
|
},
|
|
4387
4397
|
children: [
|
|
4388
4398
|
{
|