@refineui/react 0.4.1 → 0.5.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.
- package/dist/authoring-manifest.cjs +334 -20
- package/dist/authoring-manifest.cjs.map +1 -1
- package/dist/authoring-manifest.js +334 -20
- package/dist/authoring-manifest.js.map +1 -1
- package/dist/index.cjs +2643 -1995
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +77 -10
- package/dist/index.d.ts +77 -10
- package/dist/index.js +2354 -1714
- package/dist/index.js.map +1 -1
- package/dist/spec/authoring/components/button-group.json +104 -0
- package/dist/spec/authoring/components/{command-separator.json → command-divider.json} +3 -3
- package/dist/spec/authoring/components/command-list.json +1 -1
- package/dist/spec/authoring/components/context-menu-content.json +1 -1
- package/{spec/authoring/components/context-menu-separator.json → dist/spec/authoring/components/context-menu-divider.json} +3 -3
- package/dist/spec/authoring/components/context-menu-sub-content.json +1 -1
- package/dist/spec/authoring/components/dropdown-content.json +1 -1
- package/{spec/authoring/components/dropdown-separator.json → dist/spec/authoring/components/dropdown-divider.json} +3 -3
- package/dist/spec/authoring/components/dropdown-group.json +1 -1
- package/{spec/authoring/components/select-separator.json → dist/spec/authoring/components/select-divider.json} +3 -3
- package/dist/spec/authoring/components/select-group.json +1 -1
- package/dist/spec/authoring/components/select-viewport.json +1 -1
- package/dist/spec/authoring/components/toolbar-button.json +22 -0
- package/dist/spec/authoring/components/toolbar-divider.json +18 -0
- package/dist/spec/authoring/components/toolbar-group.json +29 -0
- package/dist/spec/authoring/components/toolbar-toggle-button.json +22 -0
- package/dist/spec/authoring/components/toolbar.json +119 -0
- package/dist/spec/authoring/manifest.json +334 -20
- package/dist/spec/components/button-group.json +77 -0
- package/dist/spec/components/command.json +1 -1
- package/dist/spec/components/dropdown.json +1 -1
- package/dist/spec/components/toolbar.json +91 -0
- package/dist/spec/contract-index.json +24 -3
- package/dist/spec/manifest.json +23 -2
- package/dist/spec/token-trace-v2.json +1 -1
- package/package.json +1 -1
- package/refineui.css +116 -9
- package/spec/authoring/components/button-group.json +104 -0
- package/spec/authoring/components/{command-separator.json → command-divider.json} +3 -3
- package/spec/authoring/components/command-list.json +1 -1
- package/spec/authoring/components/context-menu-content.json +1 -1
- package/{dist/spec/authoring/components/context-menu-separator.json → spec/authoring/components/context-menu-divider.json} +3 -3
- package/spec/authoring/components/context-menu-sub-content.json +1 -1
- package/spec/authoring/components/dropdown-content.json +1 -1
- package/{dist/spec/authoring/components/dropdown-separator.json → spec/authoring/components/dropdown-divider.json} +3 -3
- package/spec/authoring/components/dropdown-group.json +1 -1
- package/{dist/spec/authoring/components/select-separator.json → spec/authoring/components/select-divider.json} +3 -3
- package/spec/authoring/components/select-group.json +1 -1
- package/spec/authoring/components/select-viewport.json +1 -1
- package/spec/authoring/components/toolbar-button.json +22 -0
- package/spec/authoring/components/toolbar-divider.json +18 -0
- package/spec/authoring/components/toolbar-group.json +29 -0
- package/spec/authoring/components/toolbar-toggle-button.json +22 -0
- package/spec/authoring/components/toolbar.json +119 -0
- package/spec/authoring/manifest.json +334 -20
- package/spec/components/button-group.json +77 -0
- package/spec/components/command.json +1 -1
- package/spec/components/dropdown.json +1 -1
- package/spec/components/toolbar.json +91 -0
- package/spec/manifest.json +23 -2
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
"contractLayer": "component-spec",
|
|
4
4
|
"contractLayerVersion": "1.1",
|
|
5
5
|
"status": "catalog",
|
|
6
|
-
"generatedAt": "2026-11-
|
|
6
|
+
"generatedAt": "2026-11-15T15:52:55.302Z",
|
|
7
7
|
"role": "Behavior and DOM contracts — source of truth for Doctor, MCP, and Docs",
|
|
8
8
|
"files": {
|
|
9
9
|
"manifest": "./manifest.json",
|
|
@@ -141,6 +141,15 @@
|
|
|
141
141
|
],
|
|
142
142
|
"recipe": "button"
|
|
143
143
|
},
|
|
144
|
+
{
|
|
145
|
+
"name": "ButtonGroup",
|
|
146
|
+
"id": "button-group",
|
|
147
|
+
"spec": "./components/button-group.json",
|
|
148
|
+
"export": "ButtonGroup",
|
|
149
|
+
"dataRefineui": [
|
|
150
|
+
"button-group"
|
|
151
|
+
]
|
|
152
|
+
},
|
|
144
153
|
{
|
|
145
154
|
"name": "Calendar",
|
|
146
155
|
"id": "calendar",
|
|
@@ -262,13 +271,13 @@
|
|
|
262
271
|
"export": "Command",
|
|
263
272
|
"dataRefineui": [
|
|
264
273
|
"command",
|
|
274
|
+
"command-divider",
|
|
265
275
|
"command-empty",
|
|
266
276
|
"command-group",
|
|
267
277
|
"command-group-heading",
|
|
268
278
|
"command-input",
|
|
269
279
|
"command-item",
|
|
270
280
|
"command-list",
|
|
271
|
-
"command-separator",
|
|
272
281
|
"command-shortcut"
|
|
273
282
|
]
|
|
274
283
|
},
|
|
@@ -317,10 +326,10 @@
|
|
|
317
326
|
"dataRefineui": [
|
|
318
327
|
"dropdown-item",
|
|
319
328
|
"dropdown-menu",
|
|
329
|
+
"dropdown-menu-divider",
|
|
320
330
|
"dropdown-menu-group",
|
|
321
331
|
"dropdown-menu-label",
|
|
322
332
|
"dropdown-menu-root",
|
|
323
|
-
"dropdown-menu-separator",
|
|
324
333
|
"dropdown-menu-shortcut"
|
|
325
334
|
]
|
|
326
335
|
},
|
|
@@ -725,6 +734,18 @@
|
|
|
725
734
|
"tooltip"
|
|
726
735
|
]
|
|
727
736
|
},
|
|
737
|
+
{
|
|
738
|
+
"name": "Toolbar",
|
|
739
|
+
"id": "toolbar",
|
|
740
|
+
"spec": "./components/toolbar.json",
|
|
741
|
+
"export": "Toolbar",
|
|
742
|
+
"dataRefineui": [
|
|
743
|
+
"toolbar",
|
|
744
|
+
"toolbar-button",
|
|
745
|
+
"toolbar-divider",
|
|
746
|
+
"toolbar-group"
|
|
747
|
+
]
|
|
748
|
+
},
|
|
728
749
|
{
|
|
729
750
|
"name": "Tree",
|
|
730
751
|
"id": "tree",
|
package/dist/spec/manifest.json
CHANGED
|
@@ -107,6 +107,15 @@
|
|
|
107
107
|
],
|
|
108
108
|
"recipe": "button"
|
|
109
109
|
},
|
|
110
|
+
{
|
|
111
|
+
"name": "ButtonGroup",
|
|
112
|
+
"id": "button-group",
|
|
113
|
+
"spec": "./components/button-group.json",
|
|
114
|
+
"export": "ButtonGroup",
|
|
115
|
+
"dataRefineui": [
|
|
116
|
+
"button-group"
|
|
117
|
+
]
|
|
118
|
+
},
|
|
110
119
|
{
|
|
111
120
|
"name": "Calendar",
|
|
112
121
|
"id": "calendar",
|
|
@@ -228,13 +237,13 @@
|
|
|
228
237
|
"export": "Command",
|
|
229
238
|
"dataRefineui": [
|
|
230
239
|
"command",
|
|
240
|
+
"command-divider",
|
|
231
241
|
"command-empty",
|
|
232
242
|
"command-group",
|
|
233
243
|
"command-group-heading",
|
|
234
244
|
"command-input",
|
|
235
245
|
"command-item",
|
|
236
246
|
"command-list",
|
|
237
|
-
"command-separator",
|
|
238
247
|
"command-shortcut"
|
|
239
248
|
]
|
|
240
249
|
},
|
|
@@ -283,10 +292,10 @@
|
|
|
283
292
|
"dataRefineui": [
|
|
284
293
|
"dropdown-item",
|
|
285
294
|
"dropdown-menu",
|
|
295
|
+
"dropdown-menu-divider",
|
|
286
296
|
"dropdown-menu-group",
|
|
287
297
|
"dropdown-menu-label",
|
|
288
298
|
"dropdown-menu-root",
|
|
289
|
-
"dropdown-menu-separator",
|
|
290
299
|
"dropdown-menu-shortcut"
|
|
291
300
|
]
|
|
292
301
|
},
|
|
@@ -691,6 +700,18 @@
|
|
|
691
700
|
"tooltip"
|
|
692
701
|
]
|
|
693
702
|
},
|
|
703
|
+
{
|
|
704
|
+
"name": "Toolbar",
|
|
705
|
+
"id": "toolbar",
|
|
706
|
+
"spec": "./components/toolbar.json",
|
|
707
|
+
"export": "Toolbar",
|
|
708
|
+
"dataRefineui": [
|
|
709
|
+
"toolbar",
|
|
710
|
+
"toolbar-button",
|
|
711
|
+
"toolbar-divider",
|
|
712
|
+
"toolbar-group"
|
|
713
|
+
]
|
|
714
|
+
},
|
|
694
715
|
{
|
|
695
716
|
"name": "Tree",
|
|
696
717
|
"id": "tree",
|
package/package.json
CHANGED
package/refineui.css
CHANGED
|
@@ -337,6 +337,9 @@
|
|
|
337
337
|
.relative {
|
|
338
338
|
position: relative;
|
|
339
339
|
}
|
|
340
|
+
.static {
|
|
341
|
+
position: static;
|
|
342
|
+
}
|
|
340
343
|
.inset-0 {
|
|
341
344
|
inset: 0px;
|
|
342
345
|
}
|
|
@@ -457,6 +460,9 @@
|
|
|
457
460
|
.bottom-refineui-size-xxx-small {
|
|
458
461
|
bottom: var(--spacing-refineui-size-xxx-small);
|
|
459
462
|
}
|
|
463
|
+
.left-0 {
|
|
464
|
+
left: 0px;
|
|
465
|
+
}
|
|
460
466
|
.isolate {
|
|
461
467
|
isolation: isolate;
|
|
462
468
|
}
|
|
@@ -469,6 +475,9 @@
|
|
|
469
475
|
.z-10 {
|
|
470
476
|
z-index: 10;
|
|
471
477
|
}
|
|
478
|
+
.z-\[-1\] {
|
|
479
|
+
z-index: -1;
|
|
480
|
+
}
|
|
472
481
|
.z-\[1\] {
|
|
473
482
|
z-index: 1;
|
|
474
483
|
}
|
|
@@ -799,6 +808,9 @@
|
|
|
799
808
|
.h-refineui-progress-track-height-sm {
|
|
800
809
|
height: var(--spacing-refineui-progress-track-height-sm);
|
|
801
810
|
}
|
|
811
|
+
.h-refineui-size-large {
|
|
812
|
+
height: var(--spacing-refineui-size-large);
|
|
813
|
+
}
|
|
802
814
|
.h-refineui-size-medium {
|
|
803
815
|
height: var(--spacing-refineui-size-medium);
|
|
804
816
|
}
|
|
@@ -895,6 +907,9 @@
|
|
|
895
907
|
.min-h-refineui-time-input-wheel-height {
|
|
896
908
|
min-height: var(--spacing-refineui-time-input-wheel-height);
|
|
897
909
|
}
|
|
910
|
+
.w-\(--refineui-stroke-width-thin\) {
|
|
911
|
+
width: var(--refineui-stroke-width-thin);
|
|
912
|
+
}
|
|
898
913
|
.w-\[calc\(var\(--refineui-sidebar-peek-panel-width\)\+2\*var\(--refineui-spacing-size-x-small\)\)\] {
|
|
899
914
|
width: calc(var(--refineui-sidebar-peek-panel-width) + 2 * var(--refineui-spacing-size-x-small));
|
|
900
915
|
}
|
|
@@ -943,6 +958,9 @@
|
|
|
943
958
|
.w-refineui-progress-track-height-sm {
|
|
944
959
|
width: var(--spacing-refineui-progress-track-height-sm);
|
|
945
960
|
}
|
|
961
|
+
.w-refineui-size-large {
|
|
962
|
+
width: var(--spacing-refineui-size-large);
|
|
963
|
+
}
|
|
946
964
|
.w-refineui-size-medium {
|
|
947
965
|
width: var(--spacing-refineui-size-medium);
|
|
948
966
|
}
|
|
@@ -1439,6 +1457,18 @@
|
|
|
1439
1457
|
.rounded {
|
|
1440
1458
|
border-radius: 0.25rem;
|
|
1441
1459
|
}
|
|
1460
|
+
.rounded-\[10px\] {
|
|
1461
|
+
border-radius: 10px;
|
|
1462
|
+
}
|
|
1463
|
+
.rounded-\[14px\] {
|
|
1464
|
+
border-radius: 14px;
|
|
1465
|
+
}
|
|
1466
|
+
.rounded-\[18px\] {
|
|
1467
|
+
border-radius: 18px;
|
|
1468
|
+
}
|
|
1469
|
+
.rounded-\[20px\] {
|
|
1470
|
+
border-radius: 20px;
|
|
1471
|
+
}
|
|
1442
1472
|
.rounded-\[inherit\] {
|
|
1443
1473
|
border-radius: inherit;
|
|
1444
1474
|
}
|
|
@@ -2200,6 +2230,11 @@
|
|
|
2200
2230
|
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
|
|
2201
2231
|
transition-duration: var(--tw-duration, var(--default-transition-duration));
|
|
2202
2232
|
}
|
|
2233
|
+
.transition-\[opacity\] {
|
|
2234
|
+
transition-property: opacity;
|
|
2235
|
+
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
|
|
2236
|
+
transition-duration: var(--tw-duration, var(--default-transition-duration));
|
|
2237
|
+
}
|
|
2203
2238
|
.transition-\[transform\,height\] {
|
|
2204
2239
|
transition-property: transform,height;
|
|
2205
2240
|
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
|
|
@@ -2677,9 +2712,6 @@
|
|
|
2677
2712
|
--tw-shadow: 0 0 0 var(--refineui-stroke-width-thick) var(--refineui-color-alias-border-strong);
|
|
2678
2713
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
2679
2714
|
}
|
|
2680
|
-
.active\:scale-\[var\(--refineui-motion-scale-press\)\]:active {
|
|
2681
|
-
scale: var(--refineui-motion-scale-press);
|
|
2682
|
-
}
|
|
2683
2715
|
.active\:\[transform\:scale\(var\(--refineui-foundation-motion-scale-96\)\)\]:active {
|
|
2684
2716
|
transform: scale(var(--refineui-foundation-motion-scale-96));
|
|
2685
2717
|
}
|
|
@@ -2737,6 +2769,11 @@
|
|
|
2737
2769
|
.active\:decoration-current:active {
|
|
2738
2770
|
text-decoration-color: currentcolor;
|
|
2739
2771
|
}
|
|
2772
|
+
@media (hover: hover) {
|
|
2773
|
+
.enabled\:hover\:text-refineui-alias-foreground-primary:enabled:hover {
|
|
2774
|
+
color: var(--color-refineui-alias-foreground-primary);
|
|
2775
|
+
}
|
|
2776
|
+
}
|
|
2740
2777
|
.disabled\:transform-none:disabled {
|
|
2741
2778
|
transform: none;
|
|
2742
2779
|
}
|
|
@@ -2903,6 +2940,11 @@
|
|
|
2903
2940
|
--tw-shadow: 0 0 0 0.5px var(--tw-shadow-color, var(--refineui-color-alias-background-error-hover));
|
|
2904
2941
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
2905
2942
|
}
|
|
2943
|
+
.data-\[glide\=true\]\:transition-\[transform\,width\,height\,opacity\][data-glide="true"] {
|
|
2944
|
+
transition-property: transform,width,height,opacity;
|
|
2945
|
+
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
|
|
2946
|
+
transition-duration: var(--tw-duration, var(--default-transition-duration));
|
|
2947
|
+
}
|
|
2906
2948
|
.data-\[has-reactions-bottom\]\:mb-refineui-size-xx-large[data-has-reactions-bottom] {
|
|
2907
2949
|
margin-bottom: var(--spacing-refineui-size-xx-large);
|
|
2908
2950
|
}
|
|
@@ -2980,6 +3022,9 @@
|
|
|
2980
3022
|
.data-\[ready\=true\]\:opacity-100[data-ready="true"] {
|
|
2981
3023
|
opacity: 100%;
|
|
2982
3024
|
}
|
|
3025
|
+
.data-\[ready\=true\]\:will-change-\[transform\,opacity\][data-ready="true"] {
|
|
3026
|
+
will-change: transform,opacity;
|
|
3027
|
+
}
|
|
2983
3028
|
.data-\[selected\=true\]\:bg-refineui-alias-background-primary-hover[data-selected="true"] {
|
|
2984
3029
|
background-color: var(--color-refineui-alias-background-primary-hover);
|
|
2985
3030
|
}
|
|
@@ -2996,8 +3041,8 @@
|
|
|
2996
3041
|
--tw-shadow: inset 0 0 0 var(--refineui-stroke-width-thick) var(--refineui-color-alias-border-focus);
|
|
2997
3042
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
2998
3043
|
}
|
|
2999
|
-
.data-\[selected\=true\]\:shadow-\[var\(--refineui-elevation-
|
|
3000
|
-
--tw-shadow: var(--refineui-elevation-
|
|
3044
|
+
.data-\[selected\=true\]\:shadow-\[var\(--refineui-elevation-8\)\,inset_0_0_0_var\(--refineui-stroke-width-thick\)_var\(--refineui-color-alias-border-focus\)\][data-selected="true"] {
|
|
3045
|
+
--tw-shadow: var(--refineui-elevation-8), inset 0 0 0 var(--refineui-stroke-width-thick) var(--refineui-color-alias-border-focus);
|
|
3001
3046
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
3002
3047
|
}
|
|
3003
3048
|
.data-\[sidebar-peek-edge-suspended\]\:pointer-events-none[data-sidebar-peek-edge-suspended] {
|
|
@@ -3185,6 +3230,9 @@
|
|
|
3185
3230
|
.motion-reduce\:opacity-100 {
|
|
3186
3231
|
opacity: 100%;
|
|
3187
3232
|
}
|
|
3233
|
+
.motion-reduce\:\!transition-none {
|
|
3234
|
+
transition-property: none !important;
|
|
3235
|
+
}
|
|
3188
3236
|
.motion-reduce\:transition-none {
|
|
3189
3237
|
transition-property: none;
|
|
3190
3238
|
}
|
|
@@ -3416,11 +3464,19 @@
|
|
|
3416
3464
|
--tw-shadow: var(--refineui-elevation-2lighter);
|
|
3417
3465
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
3418
3466
|
}
|
|
3419
|
-
.\[\&\:\:-moz-range-thumb\]\:transition-\[transform\,box-shadow\,border-color\,background-color\]::-moz-range-thumb {
|
|
3420
|
-
transition-property: transform,box-shadow,border-color,background-color;
|
|
3467
|
+
.\[\&\:\:-moz-range-thumb\]\:transition-\[scale\,transform\,box-shadow\,border-color\,background-color\]::-moz-range-thumb {
|
|
3468
|
+
transition-property: scale,transform,box-shadow,border-color,background-color;
|
|
3421
3469
|
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
|
|
3422
3470
|
transition-duration: var(--tw-duration, var(--default-transition-duration));
|
|
3423
3471
|
}
|
|
3472
|
+
.\[\&\:\:-moz-range-thumb\]\:duration-\[var\(--refineui-motion-duration-fast\)\]::-moz-range-thumb {
|
|
3473
|
+
--tw-duration: var(--refineui-motion-duration-fast);
|
|
3474
|
+
transition-duration: var(--refineui-motion-duration-fast);
|
|
3475
|
+
}
|
|
3476
|
+
.\[\&\:\:-moz-range-thumb\]\:ease-\[var\(--refineui-motion-easing-standard\)\]::-moz-range-thumb {
|
|
3477
|
+
--tw-ease: var(--refineui-motion-easing-standard);
|
|
3478
|
+
transition-timing-function: var(--refineui-motion-easing-standard);
|
|
3479
|
+
}
|
|
3424
3480
|
@media (hover: hover) {
|
|
3425
3481
|
.hover\:\[\&\:\:-moz-range-thumb\]\:scale-\[var\(--refineui-motion-scale-hover-grow\)\]:hover::-moz-range-thumb {
|
|
3426
3482
|
scale: var(--refineui-motion-scale-hover-grow);
|
|
@@ -3450,6 +3506,12 @@
|
|
|
3450
3506
|
--tw-shadow: var(--refineui-elevation-2lighter);
|
|
3451
3507
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
3452
3508
|
}
|
|
3509
|
+
.disabled\:\[\&\:\:-moz-range-thumb\]\:scale-100:disabled::-moz-range-thumb {
|
|
3510
|
+
--tw-scale-x: 100%;
|
|
3511
|
+
--tw-scale-y: 100%;
|
|
3512
|
+
--tw-scale-z: 100%;
|
|
3513
|
+
scale: var(--tw-scale-x) var(--tw-scale-y);
|
|
3514
|
+
}
|
|
3453
3515
|
.disabled\:\[\&\:\:-moz-range-thumb\]\:transform-none:disabled::-moz-range-thumb {
|
|
3454
3516
|
transform: none;
|
|
3455
3517
|
}
|
|
@@ -3463,6 +3525,11 @@
|
|
|
3463
3525
|
--tw-shadow: 0 0 #0000;
|
|
3464
3526
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
3465
3527
|
}
|
|
3528
|
+
@media (prefers-reduced-motion: reduce) {
|
|
3529
|
+
.motion-reduce\:\[\&\:\:-moz-range-thumb\]\:transition-none::-moz-range-thumb {
|
|
3530
|
+
transition-property: none;
|
|
3531
|
+
}
|
|
3532
|
+
}
|
|
3466
3533
|
.\[\&\:\:-moz-range-track\]\:rounded-full::-moz-range-track {
|
|
3467
3534
|
border-radius: calc(infinity * 1px);
|
|
3468
3535
|
}
|
|
@@ -3526,11 +3593,19 @@
|
|
|
3526
3593
|
--tw-shadow: var(--refineui-elevation-2lighter);
|
|
3527
3594
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
3528
3595
|
}
|
|
3529
|
-
.\[\&\:\:-webkit-slider-thumb\]\:transition-\[transform\,box-shadow\,border-color\,background-color\]::-webkit-slider-thumb {
|
|
3530
|
-
transition-property: transform,box-shadow,border-color,background-color;
|
|
3596
|
+
.\[\&\:\:-webkit-slider-thumb\]\:transition-\[scale\,transform\,box-shadow\,border-color\,background-color\]::-webkit-slider-thumb {
|
|
3597
|
+
transition-property: scale,transform,box-shadow,border-color,background-color;
|
|
3531
3598
|
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
|
|
3532
3599
|
transition-duration: var(--tw-duration, var(--default-transition-duration));
|
|
3533
3600
|
}
|
|
3601
|
+
.\[\&\:\:-webkit-slider-thumb\]\:duration-\[var\(--refineui-motion-duration-fast\)\]::-webkit-slider-thumb {
|
|
3602
|
+
--tw-duration: var(--refineui-motion-duration-fast);
|
|
3603
|
+
transition-duration: var(--refineui-motion-duration-fast);
|
|
3604
|
+
}
|
|
3605
|
+
.\[\&\:\:-webkit-slider-thumb\]\:ease-\[var\(--refineui-motion-easing-standard\)\]::-webkit-slider-thumb {
|
|
3606
|
+
--tw-ease: var(--refineui-motion-easing-standard);
|
|
3607
|
+
transition-timing-function: var(--refineui-motion-easing-standard);
|
|
3608
|
+
}
|
|
3534
3609
|
@media (hover: hover) {
|
|
3535
3610
|
.hover\:\[\&\:\:-webkit-slider-thumb\]\:scale-\[var\(--refineui-motion-scale-hover-grow\)\]:hover::-webkit-slider-thumb {
|
|
3536
3611
|
scale: var(--refineui-motion-scale-hover-grow);
|
|
@@ -3560,6 +3635,12 @@
|
|
|
3560
3635
|
--tw-shadow: var(--refineui-elevation-2lighter);
|
|
3561
3636
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
3562
3637
|
}
|
|
3638
|
+
.disabled\:\[\&\:\:-webkit-slider-thumb\]\:scale-100:disabled::-webkit-slider-thumb {
|
|
3639
|
+
--tw-scale-x: 100%;
|
|
3640
|
+
--tw-scale-y: 100%;
|
|
3641
|
+
--tw-scale-z: 100%;
|
|
3642
|
+
scale: var(--tw-scale-x) var(--tw-scale-y);
|
|
3643
|
+
}
|
|
3563
3644
|
.disabled\:\[\&\:\:-webkit-slider-thumb\]\:transform-none:disabled::-webkit-slider-thumb {
|
|
3564
3645
|
transform: none;
|
|
3565
3646
|
}
|
|
@@ -3579,6 +3660,11 @@
|
|
|
3579
3660
|
.data-\[size\=sm\]\:\[\&\:\:-webkit-slider-thumb\]\:mt-\[calc\(\(var\(--refineui-slider-thumb-size\)-var\(--refineui-size-slider-track-height-sm\)\)\/-2\)\][data-size="sm"]::-webkit-slider-thumb {
|
|
3580
3661
|
margin-top: calc((var(--refineui-slider-thumb-size) - var(--refineui-size-slider-track-height-sm)) / -2);
|
|
3581
3662
|
}
|
|
3663
|
+
@media (prefers-reduced-motion: reduce) {
|
|
3664
|
+
.motion-reduce\:\[\&\:\:-webkit-slider-thumb\]\:transition-none::-webkit-slider-thumb {
|
|
3665
|
+
transition-property: none;
|
|
3666
|
+
}
|
|
3667
|
+
}
|
|
3582
3668
|
.\[\&\:not\(\:disabled\)\:not\(\:focus\)\:not\(\[data-filled\]\)\]\:animate-pulse:not(:disabled):not(:focus):not([data-filled]) {
|
|
3583
3669
|
animation: var(--animate-pulse);
|
|
3584
3670
|
}
|
|
@@ -3680,6 +3766,9 @@
|
|
|
3680
3766
|
.\[\&\[data-align\=start\]_\[data-refineui\=message-content\]\]\:items-start[data-align=start] [data-refineui=message-content] {
|
|
3681
3767
|
align-items: flex-start;
|
|
3682
3768
|
}
|
|
3769
|
+
.\[\&\[data-animate\=true\]_\[data-refineui\=command-item\]\:not\(\:active\)\]\:bg-transparent[data-animate=true] [data-refineui=command-item]:not(:active) {
|
|
3770
|
+
background-color: transparent;
|
|
3771
|
+
}
|
|
3683
3772
|
.\[\&\[data-disabled\=true\]\[data-checked\=true\]\]\:border-refineui-alias-background-surface-selected[data-disabled=true][data-checked=true] {
|
|
3684
3773
|
border-color: var(--color-refineui-alias-background-surface-selected);
|
|
3685
3774
|
}
|
|
@@ -3700,6 +3789,24 @@
|
|
|
3700
3789
|
--tw-font-weight: var(--font-weight-semibold);
|
|
3701
3790
|
font-weight: var(--font-weight-semibold);
|
|
3702
3791
|
}
|
|
3792
|
+
.\[\&\[data-sliding-highlight\=true\]_\[data-refineui\=dropdown-item\]\:not\(\[data-selected\]\)\:not\(\[aria-expanded\=true\]\)\:hover\]\:bg-transparent[data-sliding-highlight=true] [data-refineui=dropdown-item]:not([data-selected]):not([aria-expanded=true]):hover {
|
|
3793
|
+
background-color: transparent;
|
|
3794
|
+
}
|
|
3795
|
+
.\[\&\[data-sliding-highlight\=true\]_\[data-refineui\=menu-item\]\[data-state\=default\]\:not\(\[aria-expanded\=true\]\)\:hover\]\:bg-transparent[data-sliding-highlight=true] [data-refineui=menu-item][data-state=default]:not([aria-expanded=true]):hover {
|
|
3796
|
+
background-color: transparent;
|
|
3797
|
+
}
|
|
3798
|
+
.\[\&\[data-sliding-highlight\=true\]_\[data-refineui\=select-item\]\:not\(\[data-selected\]\)\:not\(\[data-state\=pressed\]\)\:hover\]\:bg-transparent[data-sliding-highlight=true] [data-refineui=select-item]:not([data-selected]):not([data-state=pressed]):hover {
|
|
3799
|
+
background-color: transparent;
|
|
3800
|
+
}
|
|
3801
|
+
.\[\&\[data-sliding-highlight\=true\]_\[data-refineui\=sidebar-link\]\:not\(\[data-active\]\)\:hover\]\:bg-transparent[data-sliding-highlight=true] [data-refineui=sidebar-link]:not([data-active]):hover {
|
|
3802
|
+
background-color: transparent;
|
|
3803
|
+
}
|
|
3804
|
+
.\[\&\[data-sliding-highlight\=true\]_\[data-refineui\=tree-item-trigger\]\:not\(\[data-selected\]\)\:hover\]\:bg-transparent[data-sliding-highlight=true] [data-refineui=tree-item-trigger]:not([data-selected]):hover {
|
|
3805
|
+
background-color: transparent;
|
|
3806
|
+
}
|
|
3807
|
+
.\[\&\[data-sliding-highlight\=true\]_tbody\>tr\:not\(\[data-state\=selected\]\)\:hover\>td\]\:bg-transparent[data-sliding-highlight=true] tbody > tr:not([data-state=selected]):hover > td {
|
|
3808
|
+
background-color: transparent;
|
|
3809
|
+
}
|
|
3703
3810
|
.\[\&\[data-stack-state\=leaving\]\:not\(\[data-swipe-out\]\)\]\:\[transform\:translate3d\(var\(--refineui-toast-swipe-x\)\,var\(--refineui-toast-slide-out-y\,-100\%\)\,0\)\][data-stack-state=leaving]:not([data-swipe-out]) {
|
|
3704
3811
|
transform: translate3d(var(--refineui-toast-swipe-x),var(--refineui-toast-slide-out-y,-100%),0);
|
|
3705
3812
|
}
|
|
@@ -0,0 +1,104 @@
|
|
|
1
|
+
{
|
|
2
|
+
"id": "button-group",
|
|
3
|
+
"exportPath": "@refineui/react",
|
|
4
|
+
"exportName": "ButtonGroup",
|
|
5
|
+
"kind": "root",
|
|
6
|
+
"category": "components",
|
|
7
|
+
"label": "Button Group",
|
|
8
|
+
"props": [
|
|
9
|
+
{
|
|
10
|
+
"name": "size",
|
|
11
|
+
"label": "Size",
|
|
12
|
+
"valueType": "enum",
|
|
13
|
+
"control": "segmented",
|
|
14
|
+
"options": [
|
|
15
|
+
"sm",
|
|
16
|
+
"md",
|
|
17
|
+
"lg"
|
|
18
|
+
],
|
|
19
|
+
"defaultValue": "md",
|
|
20
|
+
"section": "variants"
|
|
21
|
+
},
|
|
22
|
+
{
|
|
23
|
+
"name": "variant",
|
|
24
|
+
"label": "Variant",
|
|
25
|
+
"valueType": "enum",
|
|
26
|
+
"control": "select",
|
|
27
|
+
"options": [
|
|
28
|
+
"primary",
|
|
29
|
+
"secondary",
|
|
30
|
+
"outline",
|
|
31
|
+
"ghost"
|
|
32
|
+
],
|
|
33
|
+
"defaultValue": "ghost",
|
|
34
|
+
"section": "variants"
|
|
35
|
+
},
|
|
36
|
+
{
|
|
37
|
+
"name": "orientation",
|
|
38
|
+
"label": "Orientation",
|
|
39
|
+
"valueType": "enum",
|
|
40
|
+
"control": "segmented",
|
|
41
|
+
"options": [
|
|
42
|
+
"horizontal",
|
|
43
|
+
"vertical"
|
|
44
|
+
],
|
|
45
|
+
"defaultValue": "horizontal",
|
|
46
|
+
"section": "variants"
|
|
47
|
+
},
|
|
48
|
+
{
|
|
49
|
+
"name": "attached",
|
|
50
|
+
"label": "Attached",
|
|
51
|
+
"valueType": "boolean",
|
|
52
|
+
"control": "toggle",
|
|
53
|
+
"defaultValue": true,
|
|
54
|
+
"section": "properties"
|
|
55
|
+
}
|
|
56
|
+
],
|
|
57
|
+
"preview": {
|
|
58
|
+
"mode": "full"
|
|
59
|
+
},
|
|
60
|
+
"slots": [
|
|
61
|
+
{
|
|
62
|
+
"name": "children",
|
|
63
|
+
"accepts": [
|
|
64
|
+
"Button"
|
|
65
|
+
],
|
|
66
|
+
"repeatable": true,
|
|
67
|
+
"min": 1
|
|
68
|
+
}
|
|
69
|
+
],
|
|
70
|
+
"presets": [
|
|
71
|
+
{
|
|
72
|
+
"id": "actions",
|
|
73
|
+
"label": "Item actions",
|
|
74
|
+
"root": {
|
|
75
|
+
"component": "ButtonGroup",
|
|
76
|
+
"props": {
|
|
77
|
+
"aria-label": "Item actions"
|
|
78
|
+
},
|
|
79
|
+
"slots": {
|
|
80
|
+
"children": [
|
|
81
|
+
{
|
|
82
|
+
"component": "Button",
|
|
83
|
+
"text": "Edit"
|
|
84
|
+
},
|
|
85
|
+
{
|
|
86
|
+
"component": "Button",
|
|
87
|
+
"text": "Duplicate"
|
|
88
|
+
},
|
|
89
|
+
{
|
|
90
|
+
"component": "Button",
|
|
91
|
+
"text": "Archive"
|
|
92
|
+
}
|
|
93
|
+
]
|
|
94
|
+
}
|
|
95
|
+
}
|
|
96
|
+
}
|
|
97
|
+
],
|
|
98
|
+
"events": [
|
|
99
|
+
{
|
|
100
|
+
"name": "click",
|
|
101
|
+
"payload": "void"
|
|
102
|
+
}
|
|
103
|
+
]
|
|
104
|
+
}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
{
|
|
2
|
-
"id": "command-
|
|
2
|
+
"id": "command-divider",
|
|
3
3
|
"exportPath": "@refineui/react",
|
|
4
|
-
"exportName": "
|
|
4
|
+
"exportName": "CommandDivider",
|
|
5
5
|
"kind": "part",
|
|
6
6
|
"category": "parts",
|
|
7
|
-
"label": "Command
|
|
7
|
+
"label": "Command Divider",
|
|
8
8
|
"props": [],
|
|
9
9
|
"preview": {
|
|
10
10
|
"mode": "full"
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
{
|
|
2
|
-
"id": "context-menu-
|
|
2
|
+
"id": "context-menu-divider",
|
|
3
3
|
"exportPath": "@refineui/react",
|
|
4
|
-
"exportName": "
|
|
4
|
+
"exportName": "ContextMenuDivider",
|
|
5
5
|
"kind": "part",
|
|
6
6
|
"category": "parts",
|
|
7
|
-
"label": "Context Menu
|
|
7
|
+
"label": "Context Menu Divider",
|
|
8
8
|
"props": [],
|
|
9
9
|
"preview": {
|
|
10
10
|
"mode": "full"
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
{
|
|
2
|
-
"id": "dropdown-
|
|
2
|
+
"id": "dropdown-divider",
|
|
3
3
|
"exportPath": "@refineui/react",
|
|
4
|
-
"exportName": "
|
|
4
|
+
"exportName": "DropdownDivider",
|
|
5
5
|
"kind": "part",
|
|
6
6
|
"category": "parts",
|
|
7
|
-
"label": "Dropdown
|
|
7
|
+
"label": "Dropdown Divider",
|
|
8
8
|
"props": [],
|
|
9
9
|
"preview": {
|
|
10
10
|
"mode": "full"
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
{
|
|
2
|
-
"id": "select-
|
|
2
|
+
"id": "select-divider",
|
|
3
3
|
"exportPath": "@refineui/react",
|
|
4
|
-
"exportName": "
|
|
4
|
+
"exportName": "SelectDivider",
|
|
5
5
|
"kind": "part",
|
|
6
6
|
"category": "parts",
|
|
7
|
-
"label": "Select
|
|
7
|
+
"label": "Select Divider",
|
|
8
8
|
"props": [],
|
|
9
9
|
"preview": {
|
|
10
10
|
"mode": "full"
|