@osdk/react-components 0.2.0 → 0.2.1-main-20260407074313
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/CHANGELOG.md +11 -0
- package/build/browser/action-form/FormFieldApi.js.map +1 -1
- package/build/browser/action-form/fields/FilePickerField.js +119 -0
- package/build/browser/action-form/fields/FilePickerField.js.map +1 -0
- package/build/browser/action-form/fields/FilePickerField.module.css +132 -0
- package/build/browser/action-form/fields/FilePickerField.module.css.js +11 -0
- package/build/browser/action-form/fields/FormFieldRenderer.js +20 -0
- package/build/browser/action-form/fields/FormFieldRenderer.js.map +1 -1
- package/build/browser/object-table/hooks/useObjectTableData.js.map +1 -1
- package/build/browser/styles.css +135 -0
- package/build/cjs/public/experimental.cjs +116 -0
- package/build/cjs/public/experimental.cjs.map +1 -1
- package/build/cjs/public/experimental.css +94 -0
- package/build/cjs/public/experimental.css.map +1 -1
- package/build/cjs/public/experimental.d.cts +12 -0
- package/build/esm/action-form/FormFieldApi.js.map +1 -1
- package/build/esm/action-form/fields/FilePickerField.js +119 -0
- package/build/esm/action-form/fields/FilePickerField.js.map +1 -0
- package/build/esm/action-form/fields/FilePickerField.module.css +132 -0
- package/build/esm/action-form/fields/FormFieldRenderer.js +20 -0
- package/build/esm/action-form/fields/FormFieldRenderer.js.map +1 -1
- package/build/esm/object-table/hooks/useObjectTableData.js.map +1 -1
- package/build/types/action-form/FormFieldApi.d.ts +12 -0
- package/build/types/action-form/FormFieldApi.d.ts.map +1 -1
- package/build/types/action-form/fields/FilePickerField.d.ts +3 -0
- package/build/types/action-form/fields/FilePickerField.d.ts.map +1 -0
- package/build/types/action-form/fields/FormFieldRenderer.d.ts.map +1 -1
- package/build/types/object-table/hooks/useObjectTableData.d.ts +1 -3
- package/build/types/object-table/hooks/useObjectTableData.d.ts.map +1 -1
- package/package.json +7 -7
|
@@ -3246,6 +3246,100 @@
|
|
|
3246
3246
|
}
|
|
3247
3247
|
}
|
|
3248
3248
|
|
|
3249
|
+
/* src/action-form/fields/FilePickerField.module.css */
|
|
3250
|
+
.osdkFilePickerTrigger {
|
|
3251
|
+
display: flex;
|
|
3252
|
+
align-items: center;
|
|
3253
|
+
width: 100%;
|
|
3254
|
+
height: var(--osdk-file-picker-trigger-min-height);
|
|
3255
|
+
border: var(--osdk-file-picker-trigger-border);
|
|
3256
|
+
border-radius: var(--osdk-file-picker-trigger-border-radius);
|
|
3257
|
+
background: var(--osdk-file-picker-trigger-bg);
|
|
3258
|
+
font-family: var(--osdk-file-picker-trigger-font-family);
|
|
3259
|
+
font-size: var(--osdk-file-picker-trigger-font-size);
|
|
3260
|
+
box-sizing: border-box;
|
|
3261
|
+
overflow: hidden;
|
|
3262
|
+
transition: background-color var(--osdk-file-picker-transition-duration) var(--osdk-file-picker-transition-ease), border-color var(--osdk-file-picker-transition-duration) var(--osdk-file-picker-transition-ease);
|
|
3263
|
+
&:hover {
|
|
3264
|
+
background: var(--osdk-file-picker-trigger-bg-hover);
|
|
3265
|
+
}
|
|
3266
|
+
&:focus-visible {
|
|
3267
|
+
border-color: var(--osdk-file-picker-trigger-border-color-focus);
|
|
3268
|
+
outline: var(--osdk-file-picker-trigger-focus-width) solid var(--osdk-file-picker-trigger-focus-color);
|
|
3269
|
+
outline-offset: var(--osdk-file-picker-trigger-focus-offset);
|
|
3270
|
+
}
|
|
3271
|
+
}
|
|
3272
|
+
.osdkFilePickerHiddenInput {
|
|
3273
|
+
position: absolute;
|
|
3274
|
+
width: 1px;
|
|
3275
|
+
height: 1px;
|
|
3276
|
+
padding: 0;
|
|
3277
|
+
margin: -1px;
|
|
3278
|
+
overflow: hidden;
|
|
3279
|
+
clip: rect(0, 0, 0, 0);
|
|
3280
|
+
white-space: nowrap;
|
|
3281
|
+
border: 0;
|
|
3282
|
+
}
|
|
3283
|
+
.osdkFilePickerText {
|
|
3284
|
+
flex: 1;
|
|
3285
|
+
padding: var(--osdk-file-picker-trigger-padding);
|
|
3286
|
+
overflow: hidden;
|
|
3287
|
+
text-overflow: ellipsis;
|
|
3288
|
+
white-space: nowrap;
|
|
3289
|
+
text-align: left;
|
|
3290
|
+
color: var(--osdk-file-picker-trigger-color);
|
|
3291
|
+
cursor: pointer;
|
|
3292
|
+
background: none;
|
|
3293
|
+
border: none;
|
|
3294
|
+
font-family: inherit;
|
|
3295
|
+
font-size: inherit;
|
|
3296
|
+
}
|
|
3297
|
+
.osdkFilePickerPlaceholder {
|
|
3298
|
+
color: var(--osdk-file-picker-trigger-placeholder-color);
|
|
3299
|
+
}
|
|
3300
|
+
.osdkFilePickerClear {
|
|
3301
|
+
display: flex;
|
|
3302
|
+
align-items: center;
|
|
3303
|
+
justify-content: center;
|
|
3304
|
+
flex-shrink: 0;
|
|
3305
|
+
width: var(--osdk-file-picker-clear-size);
|
|
3306
|
+
height: var(--osdk-file-picker-clear-size);
|
|
3307
|
+
margin: var(--osdk-file-picker-clear-margin);
|
|
3308
|
+
padding: 0;
|
|
3309
|
+
border: none;
|
|
3310
|
+
background: none;
|
|
3311
|
+
color: var(--osdk-file-picker-clear-color);
|
|
3312
|
+
cursor: pointer;
|
|
3313
|
+
transition: color var(--osdk-file-picker-transition-duration) var(--osdk-file-picker-transition-ease);
|
|
3314
|
+
&:hover {
|
|
3315
|
+
color: var(--osdk-file-picker-clear-color-hover);
|
|
3316
|
+
}
|
|
3317
|
+
&:focus-visible {
|
|
3318
|
+
outline: var(--osdk-file-picker-trigger-focus-width) solid var(--osdk-file-picker-trigger-focus-color);
|
|
3319
|
+
border-radius: var(--osdk-surface-border-radius);
|
|
3320
|
+
}
|
|
3321
|
+
}
|
|
3322
|
+
.osdkFilePickerBrowse {
|
|
3323
|
+
flex-shrink: 0;
|
|
3324
|
+
align-self: stretch;
|
|
3325
|
+
display: flex;
|
|
3326
|
+
align-items: center;
|
|
3327
|
+
padding: var(--osdk-file-picker-browse-padding);
|
|
3328
|
+
border-left: var(--osdk-file-picker-browse-border-left);
|
|
3329
|
+
background: var(--osdk-file-picker-browse-bg);
|
|
3330
|
+
color: var(--osdk-file-picker-browse-color);
|
|
3331
|
+
font-family: var(--osdk-file-picker-trigger-font-family);
|
|
3332
|
+
font-size: var(--osdk-file-picker-trigger-font-size);
|
|
3333
|
+
pointer-events: none;
|
|
3334
|
+
transition: background-color var(--osdk-file-picker-transition-duration) var(--osdk-file-picker-transition-ease);
|
|
3335
|
+
}
|
|
3336
|
+
.osdkFilePickerTrigger:hover .osdkFilePickerBrowse {
|
|
3337
|
+
background-color: var(--osdk-file-picker-browse-bg-hover);
|
|
3338
|
+
}
|
|
3339
|
+
.osdkFilePickerTrigger:active .osdkFilePickerBrowse {
|
|
3340
|
+
background-color: var(--osdk-file-picker-browse-bg-active);
|
|
3341
|
+
}
|
|
3342
|
+
|
|
3249
3343
|
/* src/action-form/fields/NumberInputField.module.css */
|
|
3250
3344
|
.osdkNumberInputWrapper {
|
|
3251
3345
|
display: flex;
|