@gooddata/sdk-ui-kit 11.33.0-alpha.4 → 11.33.0-alpha.7

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.
Files changed (36) hide show
  1. package/esm/@ui/UiCombobox/UiComboboxList.js +1 -1
  2. package/esm/@ui/UiCombobox/UiComboboxList.js.map +1 -1
  3. package/esm/@ui/UiCombobox/UiComboboxPopup.js +1 -1
  4. package/esm/@ui/UiCombobox/UiComboboxPopup.js.map +1 -1
  5. package/esm/@ui/UiControlButton/UiControlButton.d.ts +40 -0
  6. package/esm/@ui/UiControlButton/UiControlButton.d.ts.map +1 -0
  7. package/esm/@ui/UiControlButton/UiControlButton.js +53 -0
  8. package/esm/@ui/UiControlButton/UiControlButton.js.map +1 -0
  9. package/esm/ParameterControl/ParameterControlButton.d.ts +18 -0
  10. package/esm/ParameterControl/ParameterControlButton.d.ts.map +1 -0
  11. package/esm/ParameterControl/ParameterControlButton.js +17 -0
  12. package/esm/ParameterControl/ParameterControlButton.js.map +1 -0
  13. package/esm/ParameterControl/ParameterControlDropdown.d.ts +28 -0
  14. package/esm/ParameterControl/ParameterControlDropdown.d.ts.map +1 -0
  15. package/esm/ParameterControl/ParameterControlDropdown.js +58 -0
  16. package/esm/ParameterControl/ParameterControlDropdown.js.map +1 -0
  17. package/esm/ParameterPicker/ParameterPicker.d.ts +23 -0
  18. package/esm/ParameterPicker/ParameterPicker.d.ts.map +1 -0
  19. package/esm/ParameterPicker/ParameterPicker.js +121 -0
  20. package/esm/ParameterPicker/ParameterPicker.js.map +1 -0
  21. package/esm/index.d.ts +4 -0
  22. package/esm/index.d.ts.map +1 -1
  23. package/esm/index.js +4 -0
  24. package/esm/index.js.map +1 -1
  25. package/esm/sdk-ui-kit.d.ts +112 -0
  26. package/package.json +11 -11
  27. package/src/@ui/UiControlButton/UiControlButton.scss +192 -0
  28. package/src/@ui/index.scss +1 -0
  29. package/src/ParameterControl/ParameterControl.scss +78 -0
  30. package/src/ParameterPicker/ParameterPicker.scss +98 -0
  31. package/styles/css/UiControlButton.css +151 -0
  32. package/styles/css/UiControlButton.css.map +1 -0
  33. package/styles/css/main.css +295 -0
  34. package/styles/css/main.css.map +1 -1
  35. package/styles/scss/UiControlButton.scss +2 -0
  36. package/styles/scss/main.scss +2 -0
package/styles/css/UiControlButton.css ADDED
@@ -0,0 +1,151 @@
1
+ .gd-ui-kit-control-button {
2
+ position: relative;
3
+ max-width: 230px;
4
+ padding: 5px 10px;
5
+ font-family: var(--gd-font-family), gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif;
6
+ font-size: 12px;
7
+ font-weight: 400;
8
+ line-height: 16px;
9
+ cursor: pointer;
10
+ user-select: none;
11
+ border-radius: 3px;
12
+ }
13
+ .gd-ui-kit-control-button--isDraggable {
14
+ padding-left: 23px;
15
+ }
16
+ .gd-ui-kit-control-button::before, .gd-ui-kit-control-button::after {
17
+ content: "";
18
+ position: absolute;
19
+ transition: all 0.2s ease;
20
+ }
21
+ .gd-ui-kit-control-button::before {
22
+ z-index: 1;
23
+ top: 8px;
24
+ left: 9px;
25
+ width: 7px;
26
+ height: 26px;
27
+ background: url("data:image/svg+xml,%3Csvg width='7' height='26' viewBox='0 0 7 26' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 4h2v2H0V4zm0-4h2v2H0V0zm5 4h2v2H5V4zm0-4h2v2H5V0zm0 8h2v2H5V8zM0 8h2v2H0V8zm0 4h2v2H0v-2zm5 4h2v2H5v-2zm-5 0h2v2H0v-2zm5 4h2v2H5v-2zm-5 0h2v2H0v-2zm5 4h2v2H5v-2zm-5 0h2v2H0v-2zm5-12h2v2H5v-2z' fill='%23B0BECA' fill-rule='evenodd'/%3E%3C/svg%3E") no-repeat;
28
+ opacity: 0;
29
+ }
30
+ .gd-ui-kit-control-button::after {
31
+ top: 0;
32
+ right: 0;
33
+ bottom: 0;
34
+ left: 0;
35
+ border: 1px solid transparent;
36
+ background: transparent;
37
+ transform: translateZ(-1px);
38
+ border-radius: 3px;
39
+ }
40
+ .gd-ui-kit-control-button:hover::after {
41
+ border-color: var(--gd-palette-complementary-4-from-theme, rgba(31, 52, 73, 0.2));
42
+ }
43
+ .gd-ui-kit-control-button:hover.gd-ui-kit-control-button--isDraggable {
44
+ box-shadow: 0 1px 3px 0 rgba(20, 56, 93, 0.1), 0 2px 9px 0 rgba(20, 56, 93, 0.15);
45
+ }
46
+ .gd-ui-kit-control-button:hover.gd-ui-kit-control-button--isDraggable::before {
47
+ opacity: 1;
48
+ }
49
+ .gd-ui-kit-control-button--isOpen::after {
50
+ box-shadow: inset 0 1px 0 0 rgba(20, 56, 93, 0.1);
51
+ border-color: var(--gd-palette-complementary-5-from-theme, var(--gd-palette-complementary-4-from-theme, rgba(31, 52, 73, 0.2)));
52
+ }
53
+ .gd-ui-kit-control-button--isOpen.gd-ui-kit-control-button--isDraggable::before {
54
+ opacity: 1;
55
+ }
56
+ .gd-ui-kit-control-button--isOpen .gd-ui-kit-control-button__subtitle-row::after {
57
+ content: "\e613";
58
+ }
59
+ .gd-ui-kit-control-button--isDragging {
60
+ display: inline-block;
61
+ }
62
+ .gd-ui-kit-control-button--isDragging::after {
63
+ border-color: var(--gd-palette-complementary-4-from-theme, rgba(31, 52, 73, 0.2));
64
+ background: var(--gd-palette-complementary-0-from-theme, rgba(255, 255, 255, 0.95));
65
+ }
66
+ .gd-ui-kit-control-button--isDragging.gd-ui-kit-control-button--isDraggable::before {
67
+ opacity: 1;
68
+ }
69
+ .gd-ui-kit-control-button--isError {
70
+ font-size: 12px;
71
+ color: var(--gd-palette-error-base, #e54d42);
72
+ }
73
+ .gd-ui-kit-control-button--disabled {
74
+ cursor: default;
75
+ }
76
+ .gd-ui-kit-control-button--disabled:hover, .gd-ui-kit-control-button--disabled:focus, .gd-ui-kit-control-button--disabled:active {
77
+ user-select: auto;
78
+ box-shadow: none;
79
+ background: transparent;
80
+ border-color: transparent;
81
+ text-decoration: none;
82
+ }
83
+ .gd-ui-kit-control-button__icon {
84
+ position: relative;
85
+ z-index: 1;
86
+ float: left;
87
+ padding-right: 5px;
88
+ }
89
+ .gd-ui-kit-control-button__content {
90
+ position: relative;
91
+ z-index: 1;
92
+ display: flex;
93
+ justify-content: center;
94
+ height: 100%;
95
+ flex-direction: column;
96
+ min-width: 0;
97
+ flex: 1 1 auto;
98
+ }
99
+ .gd-ui-kit-control-button__title-row {
100
+ display: flex;
101
+ justify-content: space-between;
102
+ max-width: 100%;
103
+ white-space: nowrap;
104
+ }
105
+ .gd-ui-kit-control-button__title {
106
+ overflow: hidden;
107
+ color: var(--gd-palette-complementary-7, #6d7680);
108
+ margin-right: auto;
109
+ max-width: 100%;
110
+ white-space: nowrap;
111
+ text-overflow: ellipsis;
112
+ }
113
+ .gd-ui-kit-control-button__title .gd-bubble-trigger,
114
+ .gd-ui-kit-control-button__title .shortened {
115
+ display: inline-flex;
116
+ }
117
+ .gd-ui-kit-control-button__title .shortened {
118
+ max-width: 100%;
119
+ }
120
+ .gd-ui-kit-control-button__subtitle-row {
121
+ display: inline-flex;
122
+ flex-wrap: nowrap;
123
+ max-width: 100%;
124
+ overflow: hidden;
125
+ white-space: nowrap;
126
+ text-overflow: ellipsis;
127
+ font-weight: bold;
128
+ color: var(--gd-palette-complementary-9, #000);
129
+ }
130
+ .gd-ui-kit-control-button__subtitle-row::after {
131
+ content: "\e612";
132
+ display: inline-block;
133
+ margin-left: 0.5em;
134
+ font-family: "Indigo", sans-serif;
135
+ font-weight: normal;
136
+ font-size: inherit;
137
+ vertical-align: top;
138
+ color: var(--gd-palette-complementary-6, #94a1ad);
139
+ transition: all 0.2s ease;
140
+ }
141
+ .gd-ui-kit-control-button__subtitle {
142
+ display: inline-block;
143
+ flex: 0 1 auto;
144
+ min-width: 0;
145
+ max-width: 120px;
146
+ overflow: hidden;
147
+ text-overflow: ellipsis;
148
+ vertical-align: bottom;
149
+ }
150
+
151
+ /*# sourceMappingURL=UiControlButton.css.map */
package/styles/css/UiControlButton.css.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"sourceRoot":"","sources":["../../src/@ui/UiControlButton/UiControlButton.scss"],"names":[],"mappings":"AAIA;EAGI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAGJ;EAEI;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIA;EACI;;AAGJ;EACI,YACI;;AAGJ;EACI;;AAMR;EACI;EACA;;AAMJ;EACI;;AAGJ;EACI;;AAIR;EACI;;AAEA;EACI;EACA;;AAGJ;EACI;;AAIR;EACI;EACA;;AAGJ;EACI;;AAEA;EAGI;EACA;EACA;EACA;EACA;;AAIR;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;EAEI;;AAGJ;EACI;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA","file":"UiControlButton.css"}
package/styles/css/main.css CHANGED
@@ -1273,6 +1273,156 @@
1273
1273
  transition: var(--gd-transition-all);
1274
1274
  }
1275
1275
 
1276
+ .gd-ui-kit-control-button {
1277
+ position: relative;
1278
+ max-width: 230px;
1279
+ padding: 5px 10px;
1280
+ font-family: var(--gd-font-family), gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif;
1281
+ font-size: 12px;
1282
+ font-weight: 400;
1283
+ line-height: 16px;
1284
+ cursor: pointer;
1285
+ user-select: none;
1286
+ border-radius: 3px;
1287
+ }
1288
+ .gd-ui-kit-control-button--isDraggable {
1289
+ padding-left: 23px;
1290
+ }
1291
+ .gd-ui-kit-control-button::before, .gd-ui-kit-control-button::after {
1292
+ content: "";
1293
+ position: absolute;
1294
+ transition: all 0.2s ease;
1295
+ }
1296
+ .gd-ui-kit-control-button::before {
1297
+ z-index: 1;
1298
+ top: 8px;
1299
+ left: 9px;
1300
+ width: 7px;
1301
+ height: 26px;
1302
+ background: url("data:image/svg+xml,%3Csvg width='7' height='26' viewBox='0 0 7 26' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 4h2v2H0V4zm0-4h2v2H0V0zm5 4h2v2H5V4zm0-4h2v2H5V0zm0 8h2v2H5V8zM0 8h2v2H0V8zm0 4h2v2H0v-2zm5 4h2v2H5v-2zm-5 0h2v2H0v-2zm5 4h2v2H5v-2zm-5 0h2v2H0v-2zm5 4h2v2H5v-2zm-5 0h2v2H0v-2zm5-12h2v2H5v-2z' fill='%23B0BECA' fill-rule='evenodd'/%3E%3C/svg%3E") no-repeat;
1303
+ opacity: 0;
1304
+ }
1305
+ .gd-ui-kit-control-button::after {
1306
+ top: 0;
1307
+ right: 0;
1308
+ bottom: 0;
1309
+ left: 0;
1310
+ border: 1px solid transparent;
1311
+ background: transparent;
1312
+ transform: translateZ(-1px);
1313
+ border-radius: 3px;
1314
+ }
1315
+ .gd-ui-kit-control-button:hover::after {
1316
+ border-color: var(--gd-palette-complementary-4-from-theme, rgba(31, 52, 73, 0.2));
1317
+ }
1318
+ .gd-ui-kit-control-button:hover.gd-ui-kit-control-button--isDraggable {
1319
+ box-shadow: 0 1px 3px 0 rgba(20, 56, 93, 0.1), 0 2px 9px 0 rgba(20, 56, 93, 0.15);
1320
+ }
1321
+ .gd-ui-kit-control-button:hover.gd-ui-kit-control-button--isDraggable::before {
1322
+ opacity: 1;
1323
+ }
1324
+ .gd-ui-kit-control-button--isOpen::after {
1325
+ box-shadow: inset 0 1px 0 0 rgba(20, 56, 93, 0.1);
1326
+ border-color: var(--gd-palette-complementary-5-from-theme, var(--gd-palette-complementary-4-from-theme, rgba(31, 52, 73, 0.2)));
1327
+ }
1328
+ .gd-ui-kit-control-button--isOpen.gd-ui-kit-control-button--isDraggable::before {
1329
+ opacity: 1;
1330
+ }
1331
+ .gd-ui-kit-control-button--isOpen .gd-ui-kit-control-button__subtitle-row::after {
1332
+ content: "\e613";
1333
+ }
1334
+ .gd-ui-kit-control-button--isDragging {
1335
+ display: inline-block;
1336
+ }
1337
+ .gd-ui-kit-control-button--isDragging::after {
1338
+ border-color: var(--gd-palette-complementary-4-from-theme, rgba(31, 52, 73, 0.2));
1339
+ background: var(--gd-palette-complementary-0-from-theme, rgba(255, 255, 255, 0.95));
1340
+ }
1341
+ .gd-ui-kit-control-button--isDragging.gd-ui-kit-control-button--isDraggable::before {
1342
+ opacity: 1;
1343
+ }
1344
+ .gd-ui-kit-control-button--isError {
1345
+ font-size: 12px;
1346
+ color: var(--gd-palette-error-base, #e54d42);
1347
+ }
1348
+ .gd-ui-kit-control-button--disabled {
1349
+ cursor: default;
1350
+ }
1351
+ .gd-ui-kit-control-button--disabled:hover, .gd-ui-kit-control-button--disabled:focus, .gd-ui-kit-control-button--disabled:active {
1352
+ user-select: auto;
1353
+ box-shadow: none;
1354
+ background: transparent;
1355
+ border-color: transparent;
1356
+ text-decoration: none;
1357
+ }
1358
+ .gd-ui-kit-control-button__icon {
1359
+ position: relative;
1360
+ z-index: 1;
1361
+ float: left;
1362
+ padding-right: 5px;
1363
+ }
1364
+ .gd-ui-kit-control-button__content {
1365
+ position: relative;
1366
+ z-index: 1;
1367
+ display: flex;
1368
+ justify-content: center;
1369
+ height: 100%;
1370
+ flex-direction: column;
1371
+ min-width: 0;
1372
+ flex: 1 1 auto;
1373
+ }
1374
+ .gd-ui-kit-control-button__title-row {
1375
+ display: flex;
1376
+ justify-content: space-between;
1377
+ max-width: 100%;
1378
+ white-space: nowrap;
1379
+ }
1380
+ .gd-ui-kit-control-button__title {
1381
+ overflow: hidden;
1382
+ color: var(--gd-palette-complementary-7, #6d7680);
1383
+ margin-right: auto;
1384
+ max-width: 100%;
1385
+ white-space: nowrap;
1386
+ text-overflow: ellipsis;
1387
+ }
1388
+ .gd-ui-kit-control-button__title .gd-bubble-trigger,
1389
+ .gd-ui-kit-control-button__title .shortened {
1390
+ display: inline-flex;
1391
+ }
1392
+ .gd-ui-kit-control-button__title .shortened {
1393
+ max-width: 100%;
1394
+ }
1395
+ .gd-ui-kit-control-button__subtitle-row {
1396
+ display: inline-flex;
1397
+ flex-wrap: nowrap;
1398
+ max-width: 100%;
1399
+ overflow: hidden;
1400
+ white-space: nowrap;
1401
+ text-overflow: ellipsis;
1402
+ font-weight: bold;
1403
+ color: var(--gd-palette-complementary-9, #000);
1404
+ }
1405
+ .gd-ui-kit-control-button__subtitle-row::after {
1406
+ content: "\e612";
1407
+ display: inline-block;
1408
+ margin-left: 0.5em;
1409
+ font-family: "Indigo", sans-serif;
1410
+ font-weight: normal;
1411
+ font-size: inherit;
1412
+ vertical-align: top;
1413
+ color: var(--gd-palette-complementary-6, #94a1ad);
1414
+ transition: all 0.2s ease;
1415
+ }
1416
+ .gd-ui-kit-control-button__subtitle {
1417
+ display: inline-block;
1418
+ flex: 0 1 auto;
1419
+ min-width: 0;
1420
+ max-width: 120px;
1421
+ overflow: hidden;
1422
+ text-overflow: ellipsis;
1423
+ vertical-align: bottom;
1424
+ }
1425
+
1276
1426
  /* ==========================================================================
1277
1427
  Mixins, silent classes etc.
1278
1428
  ========================================================================== */
@@ -13596,6 +13746,151 @@ input[type=search]::-webkit-search-cancel-button {
13596
13746
  overflow: hidden;
13597
13747
  }
13598
13748
 
13749
+ .gd-ui-kit-parameter-picker {
13750
+ display: flex;
13751
+ flex-direction: column;
13752
+ width: 250px;
13753
+ background: var(--gd-palette-complementary-0);
13754
+ }
13755
+ .gd-ui-kit-parameter-picker__search {
13756
+ padding: 10px 10px 10px;
13757
+ }
13758
+ .gd-ui-kit-parameter-picker__search .gd-input-field {
13759
+ width: 100%;
13760
+ }
13761
+ .gd-ui-kit-parameter-picker__loading {
13762
+ display: flex;
13763
+ align-items: center;
13764
+ justify-content: center;
13765
+ flex: 1 1 auto;
13766
+ padding: 40px 12px;
13767
+ }
13768
+ .gd-ui-kit-parameter-picker__empty {
13769
+ padding: 10px 15px;
13770
+ color: var(--gd-palette-complementary-6);
13771
+ font-size: 12px;
13772
+ }
13773
+ .gd-ui-kit-parameter-picker__list {
13774
+ flex: 1;
13775
+ min-height: 0;
13776
+ overflow-y: auto;
13777
+ overscroll-behavior: contain;
13778
+ padding-bottom: 5px;
13779
+ }
13780
+ .gd-ui-kit-parameter-picker__group + .gd-ui-kit-parameter-picker__group {
13781
+ margin-top: 5px;
13782
+ }
13783
+ .gd-ui-kit-parameter-picker__group-header {
13784
+ padding: 5px 15px;
13785
+ color: var(--gd-palette-complementary-6);
13786
+ font-size: 10px;
13787
+ font-weight: bold;
13788
+ letter-spacing: 0.5px;
13789
+ text-transform: uppercase;
13790
+ }
13791
+ .gd-ui-kit-parameter-picker__items {
13792
+ list-style: none;
13793
+ padding: 0;
13794
+ margin: 0;
13795
+ }
13796
+ .gd-ui-kit-parameter-picker__item {
13797
+ display: flex;
13798
+ align-items: center;
13799
+ padding: 4px 15px;
13800
+ font-size: 12px;
13801
+ }
13802
+ .gd-ui-kit-parameter-picker__item:hover {
13803
+ background-color: var(--gd-palette-complementary-2);
13804
+ }
13805
+ .gd-ui-kit-parameter-picker__item-label {
13806
+ display: flex;
13807
+ align-items: center;
13808
+ gap: 8px;
13809
+ width: 100%;
13810
+ cursor: pointer;
13811
+ }
13812
+ .gd-ui-kit-parameter-picker__item-icon {
13813
+ display: inline-flex;
13814
+ align-items: center;
13815
+ justify-content: center;
13816
+ color: var(--gd-palette-complementary-6);
13817
+ }
13818
+ .gd-ui-kit-parameter-picker__item-title {
13819
+ flex: 1;
13820
+ overflow: hidden;
13821
+ text-overflow: ellipsis;
13822
+ white-space: nowrap;
13823
+ }
13824
+ .gd-ui-kit-parameter-picker__footer {
13825
+ display: flex;
13826
+ justify-content: flex-end;
13827
+ gap: 10px;
13828
+ padding: 10px;
13829
+ border-top: 1px solid var(--gd-palette-complementary-3);
13830
+ }
13831
+
13832
+ .gd-ui-kit-parameter-control--dropdown {
13833
+ display: flex;
13834
+ flex-direction: column;
13835
+ width: 240px;
13836
+ background: var(--gd-palette-complementary-0);
13837
+ border-radius: 4px;
13838
+ box-shadow: 0 8px 15px rgba(0, 0, 0, 0.08), 0 2px 10px rgba(0, 0, 0, 0.1);
13839
+ }
13840
+ .gd-ui-kit-parameter-control__dropdown-field {
13841
+ padding: 10px 10px 0;
13842
+ }
13843
+ .gd-ui-kit-parameter-control__dropdown-field-header {
13844
+ display: flex;
13845
+ align-items: center;
13846
+ justify-content: space-between;
13847
+ padding-bottom: 5px;
13848
+ }
13849
+ .gd-ui-kit-parameter-control__dropdown-label {
13850
+ color: var(--gd-palette-complementary-8);
13851
+ font-size: 12px;
13852
+ font-weight: 400;
13853
+ }
13854
+ .gd-ui-kit-parameter-control__dropdown-reset {
13855
+ padding: 0;
13856
+ background: none;
13857
+ border: none;
13858
+ color: var(--gd-palette-primary-base);
13859
+ font-size: 12px;
13860
+ cursor: pointer;
13861
+ }
13862
+ .gd-ui-kit-parameter-control__dropdown-reset:hover {
13863
+ text-decoration: underline;
13864
+ }
13865
+ .gd-ui-kit-parameter-control__dropdown-divider {
13866
+ height: 1px;
13867
+ margin: 10px 0;
13868
+ background-color: var(--gd-palette-complementary-3);
13869
+ }
13870
+ .gd-ui-kit-parameter-control__dropdown-preview {
13871
+ display: flex;
13872
+ flex-direction: column;
13873
+ gap: 2px;
13874
+ padding: 0 10px 10px;
13875
+ font-size: 12px;
13876
+ }
13877
+ .gd-ui-kit-parameter-control__dropdown-preview-label {
13878
+ color: var(--gd-palette-complementary-6);
13879
+ }
13880
+ .gd-ui-kit-parameter-control__dropdown-preview-text {
13881
+ color: var(--gd-palette-complementary-8);
13882
+ }
13883
+ .gd-ui-kit-parameter-control__dropdown-preview-text strong {
13884
+ font-weight: 700;
13885
+ }
13886
+ .gd-ui-kit-parameter-control__dropdown-footer {
13887
+ display: flex;
13888
+ justify-content: flex-end;
13889
+ gap: 10px;
13890
+ padding: 10px;
13891
+ border-top: 1px solid var(--gd-palette-complementary-3);
13892
+ }
13893
+
13599
13894
  .gd-file-dropzone {
13600
13895
  flex-grow: 1;
13601
13896
  box-sizing: border-box;