@backstage/ui 0.17.1-next.0 → 0.17.2-next.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/CHANGELOG.md +12 -0
- package/dist/components/Badge/Badge.module.css.esm.js +2 -2
- package/dist/components/Button/Button.module.css.esm.js +2 -2
- package/dist/components/ButtonLink/ButtonLink.module.css.esm.js +2 -2
- package/dist/components/Card/Card.module.css.esm.js +2 -2
- package/dist/components/Checkbox/Checkbox.module.css.esm.js +2 -2
- package/dist/components/Combobox/Combobox.module.css.esm.js +2 -2
- package/dist/components/DatePicker/DatePicker.module.css.esm.js +2 -2
- package/dist/components/DateRangePicker/DateRangePicker.module.css.esm.js +2 -2
- package/dist/components/Dialog/Dialog.module.css.esm.js +2 -2
- package/dist/components/FieldError/FieldError.module.css.esm.js +2 -2
- package/dist/components/FieldLabel/FieldLabel.module.css.esm.js +2 -2
- package/dist/components/Header/HeaderNav.module.css.esm.js +2 -2
- package/dist/components/List/List.module.css.esm.js +2 -2
- package/dist/components/Menu/Menu.module.css.esm.js +2 -2
- package/dist/components/NumberField/NumberField.module.css.esm.js +2 -2
- package/dist/components/PasswordField/PasswordField.module.css.esm.js +2 -2
- package/dist/components/RadioGroup/RadioGroup.module.css.esm.js +2 -2
- package/dist/components/SearchAutocomplete/SearchAutocomplete.module.css.esm.js +2 -2
- package/dist/components/SearchField/SearchField.module.css.esm.js +2 -2
- package/dist/components/Select/Select.module.css.esm.js +2 -2
- package/dist/components/Slider/Slider.module.css.esm.js +2 -2
- package/dist/components/Switch/Switch.module.css.esm.js +2 -2
- package/dist/components/Table/Table.module.css.esm.js +2 -2
- package/dist/components/Table/components/Table.esm.js +5 -3
- package/dist/components/Table/components/Table.esm.js.map +1 -1
- package/dist/components/Tabs/Tabs.module.css.esm.js +2 -2
- package/dist/components/TagGroup/TagGroup.module.css.esm.js +2 -2
- package/dist/components/TextField/TextField.module.css.esm.js +2 -2
- package/dist/components/ToggleButton/ToggleButton.module.css.esm.js +2 -2
- package/dist/components/Tooltip/Tooltip.module.css.esm.js +2 -2
- package/dist/css/styles.css +42 -7
- package/package.json +3 -3
package/dist/css/styles.css
CHANGED
|
@@ -16,6 +16,7 @@
|
|
|
16
16
|
* See the License for the specific language governing permissions and
|
|
17
17
|
* limitations under the License.
|
|
18
18
|
*/
|
|
19
|
+
|
|
19
20
|
/* Tokens */
|
|
20
21
|
/*
|
|
21
22
|
* Copyright 2024 The Backstage Authors
|
|
@@ -32,6 +33,7 @@
|
|
|
32
33
|
* See the License for the specific language governing permissions and
|
|
33
34
|
* limitations under the License.
|
|
34
35
|
*/
|
|
36
|
+
|
|
35
37
|
@layer tokens {
|
|
36
38
|
/* Light theme tokens (also used for nested light theme switching) */
|
|
37
39
|
:root,
|
|
@@ -348,15 +350,19 @@
|
|
|
348
350
|
--bui-shadow: none;
|
|
349
351
|
}
|
|
350
352
|
}
|
|
353
|
+
|
|
351
354
|
/* Base */
|
|
352
355
|
/*! modern-normalize v3.0.1 | MIT License | https://github.com/sindresorhus/modern-normalize */
|
|
356
|
+
|
|
353
357
|
/*
|
|
354
358
|
Document
|
|
355
359
|
========
|
|
356
360
|
*/
|
|
361
|
+
|
|
357
362
|
/**
|
|
358
363
|
Use a better box model (opinionated).
|
|
359
364
|
*/
|
|
365
|
+
|
|
360
366
|
@layer base {
|
|
361
367
|
*,
|
|
362
368
|
::before,
|
|
@@ -366,17 +372,15 @@ Use a better box model (opinionated).
|
|
|
366
372
|
|
|
367
373
|
/**
|
|
368
374
|
1. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
|
|
369
|
-
2.
|
|
370
|
-
3.
|
|
371
|
-
4. Use a more readable tab size (opinionated).
|
|
375
|
+
2. Prevent adjustments of font size after orientation changes in iOS.
|
|
376
|
+
3. Use a more readable tab size (opinionated).
|
|
372
377
|
*/
|
|
373
378
|
|
|
374
379
|
html {
|
|
375
380
|
font-family: system-ui, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif,
|
|
376
381
|
'Apple Color Emoji', 'Segoe UI Emoji'; /* 1 */
|
|
377
|
-
|
|
378
|
-
-
|
|
379
|
-
tab-size: 4; /* 4 */
|
|
382
|
+
-webkit-text-size-adjust: 100%; /* 2 */
|
|
383
|
+
tab-size: 4; /* 3 */
|
|
380
384
|
}
|
|
381
385
|
|
|
382
386
|
/*
|
|
@@ -478,7 +482,6 @@ Forms
|
|
|
478
482
|
textarea {
|
|
479
483
|
font-family: inherit; /* 1 */
|
|
480
484
|
font-size: 100%; /* 1 */
|
|
481
|
-
line-height: 1.15; /* 1 */
|
|
482
485
|
margin: 0; /* 2 */
|
|
483
486
|
}
|
|
484
487
|
|
|
@@ -574,6 +577,7 @@ Add the correct display in Chrome and Safari.
|
|
|
574
577
|
* See the License for the specific language governing permissions and
|
|
575
578
|
* limitations under the License.
|
|
576
579
|
*/
|
|
580
|
+
|
|
577
581
|
@layer base {
|
|
578
582
|
:where(a) {
|
|
579
583
|
color: inherit;
|
|
@@ -642,7 +646,9 @@ Add the correct display in Chrome and Safari.
|
|
|
642
646
|
--bui-bg-inherit: var(--bui-bg-success);
|
|
643
647
|
}
|
|
644
648
|
}
|
|
649
|
+
|
|
645
650
|
/* Utilities */
|
|
651
|
+
|
|
646
652
|
/* Padding */
|
|
647
653
|
/*
|
|
648
654
|
* Copyright 2025 The Backstage Authors
|
|
@@ -659,6 +665,7 @@ Add the correct display in Chrome and Safari.
|
|
|
659
665
|
* See the License for the specific language governing permissions and
|
|
660
666
|
* limitations under the License.
|
|
661
667
|
*/
|
|
668
|
+
|
|
662
669
|
@layer utilities {
|
|
663
670
|
.bui-p {
|
|
664
671
|
padding: var(--p);
|
|
@@ -1098,6 +1105,7 @@ Add the correct display in Chrome and Safari.
|
|
|
1098
1105
|
* See the License for the specific language governing permissions and
|
|
1099
1106
|
* limitations under the License.
|
|
1100
1107
|
*/
|
|
1108
|
+
|
|
1101
1109
|
@layer utilities {
|
|
1102
1110
|
.bui-pl {
|
|
1103
1111
|
padding-left: var(--pl);
|
|
@@ -1537,6 +1545,7 @@ Add the correct display in Chrome and Safari.
|
|
|
1537
1545
|
* See the License for the specific language governing permissions and
|
|
1538
1546
|
* limitations under the License.
|
|
1539
1547
|
*/
|
|
1548
|
+
|
|
1540
1549
|
@layer utilities {
|
|
1541
1550
|
.bui-pr {
|
|
1542
1551
|
padding-right: var(--pr);
|
|
@@ -1976,6 +1985,7 @@ Add the correct display in Chrome and Safari.
|
|
|
1976
1985
|
* See the License for the specific language governing permissions and
|
|
1977
1986
|
* limitations under the License.
|
|
1978
1987
|
*/
|
|
1988
|
+
|
|
1979
1989
|
@layer utilities {
|
|
1980
1990
|
.bui-pt {
|
|
1981
1991
|
padding-top: var(--pt);
|
|
@@ -2415,6 +2425,7 @@ Add the correct display in Chrome and Safari.
|
|
|
2415
2425
|
* See the License for the specific language governing permissions and
|
|
2416
2426
|
* limitations under the License.
|
|
2417
2427
|
*/
|
|
2428
|
+
|
|
2418
2429
|
@layer utilities {
|
|
2419
2430
|
.bui-pb {
|
|
2420
2431
|
padding-bottom: var(--pb);
|
|
@@ -2854,6 +2865,7 @@ Add the correct display in Chrome and Safari.
|
|
|
2854
2865
|
* See the License for the specific language governing permissions and
|
|
2855
2866
|
* limitations under the License.
|
|
2856
2867
|
*/
|
|
2868
|
+
|
|
2857
2869
|
@layer utilities {
|
|
2858
2870
|
.bui-py {
|
|
2859
2871
|
padding-top: var(--py);
|
|
@@ -3395,6 +3407,7 @@ Add the correct display in Chrome and Safari.
|
|
|
3395
3407
|
* See the License for the specific language governing permissions and
|
|
3396
3408
|
* limitations under the License.
|
|
3397
3409
|
*/
|
|
3410
|
+
|
|
3398
3411
|
@layer utilities {
|
|
3399
3412
|
.bui-px {
|
|
3400
3413
|
padding-left: var(--px);
|
|
@@ -3921,6 +3934,7 @@ Add the correct display in Chrome and Safari.
|
|
|
3921
3934
|
}
|
|
3922
3935
|
}
|
|
3923
3936
|
}
|
|
3937
|
+
|
|
3924
3938
|
/* Margin */
|
|
3925
3939
|
/*
|
|
3926
3940
|
* Copyright 2025 The Backstage Authors
|
|
@@ -3937,6 +3951,7 @@ Add the correct display in Chrome and Safari.
|
|
|
3937
3951
|
* See the License for the specific language governing permissions and
|
|
3938
3952
|
* limitations under the License.
|
|
3939
3953
|
*/
|
|
3954
|
+
|
|
3940
3955
|
@layer utilities {
|
|
3941
3956
|
.bui-m {
|
|
3942
3957
|
margin: var(--m);
|
|
@@ -4376,6 +4391,7 @@ Add the correct display in Chrome and Safari.
|
|
|
4376
4391
|
* See the License for the specific language governing permissions and
|
|
4377
4392
|
* limitations under the License.
|
|
4378
4393
|
*/
|
|
4394
|
+
|
|
4379
4395
|
@layer utilities {
|
|
4380
4396
|
.bui-ml {
|
|
4381
4397
|
margin-left: var(--ml);
|
|
@@ -4815,6 +4831,7 @@ Add the correct display in Chrome and Safari.
|
|
|
4815
4831
|
* See the License for the specific language governing permissions and
|
|
4816
4832
|
* limitations under the License.
|
|
4817
4833
|
*/
|
|
4834
|
+
|
|
4818
4835
|
@layer utilities {
|
|
4819
4836
|
.bui-mr {
|
|
4820
4837
|
margin-right: var(--mr);
|
|
@@ -5254,6 +5271,7 @@ Add the correct display in Chrome and Safari.
|
|
|
5254
5271
|
* See the License for the specific language governing permissions and
|
|
5255
5272
|
* limitations under the License.
|
|
5256
5273
|
*/
|
|
5274
|
+
|
|
5257
5275
|
@layer utilities {
|
|
5258
5276
|
.bui-mt {
|
|
5259
5277
|
margin-top: var(--mt);
|
|
@@ -5693,6 +5711,7 @@ Add the correct display in Chrome and Safari.
|
|
|
5693
5711
|
* See the License for the specific language governing permissions and
|
|
5694
5712
|
* limitations under the License.
|
|
5695
5713
|
*/
|
|
5714
|
+
|
|
5696
5715
|
@layer utilities {
|
|
5697
5716
|
.bui-mb {
|
|
5698
5717
|
margin-bottom: var(--mb);
|
|
@@ -6132,6 +6151,7 @@ Add the correct display in Chrome and Safari.
|
|
|
6132
6151
|
* See the License for the specific language governing permissions and
|
|
6133
6152
|
* limitations under the License.
|
|
6134
6153
|
*/
|
|
6154
|
+
|
|
6135
6155
|
@layer utilities {
|
|
6136
6156
|
.bui-my {
|
|
6137
6157
|
margin-top: var(--my);
|
|
@@ -6673,6 +6693,7 @@ Add the correct display in Chrome and Safari.
|
|
|
6673
6693
|
* See the License for the specific language governing permissions and
|
|
6674
6694
|
* limitations under the License.
|
|
6675
6695
|
*/
|
|
6696
|
+
|
|
6676
6697
|
@layer utilities {
|
|
6677
6698
|
.bui-mx {
|
|
6678
6699
|
margin-left: var(--mx);
|
|
@@ -7199,6 +7220,7 @@ Add the correct display in Chrome and Safari.
|
|
|
7199
7220
|
}
|
|
7200
7221
|
}
|
|
7201
7222
|
}
|
|
7223
|
+
|
|
7202
7224
|
/* Display */
|
|
7203
7225
|
/*
|
|
7204
7226
|
* Copyright 2025 The Backstage Authors
|
|
@@ -7215,6 +7237,7 @@ Add the correct display in Chrome and Safari.
|
|
|
7215
7237
|
* See the License for the specific language governing permissions and
|
|
7216
7238
|
* limitations under the License.
|
|
7217
7239
|
*/
|
|
7240
|
+
|
|
7218
7241
|
@layer utilities {
|
|
7219
7242
|
.bui-display-none {
|
|
7220
7243
|
display: none;
|
|
@@ -7327,6 +7350,7 @@ Add the correct display in Chrome and Safari.
|
|
|
7327
7350
|
}
|
|
7328
7351
|
}
|
|
7329
7352
|
}
|
|
7353
|
+
|
|
7330
7354
|
/* Width */
|
|
7331
7355
|
/*
|
|
7332
7356
|
* Copyright 2025 The Backstage Authors
|
|
@@ -7343,6 +7367,7 @@ Add the correct display in Chrome and Safari.
|
|
|
7343
7367
|
* See the License for the specific language governing permissions and
|
|
7344
7368
|
* limitations under the License.
|
|
7345
7369
|
*/
|
|
7370
|
+
|
|
7346
7371
|
@layer utilities {
|
|
7347
7372
|
.bui-w {
|
|
7348
7373
|
width: var(--width);
|
|
@@ -7431,6 +7456,7 @@ Add the correct display in Chrome and Safari.
|
|
|
7431
7456
|
}
|
|
7432
7457
|
}
|
|
7433
7458
|
}
|
|
7459
|
+
|
|
7434
7460
|
/* Height */
|
|
7435
7461
|
/*
|
|
7436
7462
|
* Copyright 2025 The Backstage Authors
|
|
@@ -7447,6 +7473,7 @@ Add the correct display in Chrome and Safari.
|
|
|
7447
7473
|
* See the License for the specific language governing permissions and
|
|
7448
7474
|
* limitations under the License.
|
|
7449
7475
|
*/
|
|
7476
|
+
|
|
7450
7477
|
@layer utilities {
|
|
7451
7478
|
.bui-h {
|
|
7452
7479
|
height: var(--height);
|
|
@@ -7535,6 +7562,7 @@ Add the correct display in Chrome and Safari.
|
|
|
7535
7562
|
}
|
|
7536
7563
|
}
|
|
7537
7564
|
}
|
|
7565
|
+
|
|
7538
7566
|
/* Position */
|
|
7539
7567
|
/*
|
|
7540
7568
|
* Copyright 2025 The Backstage Authors
|
|
@@ -7551,6 +7579,7 @@ Add the correct display in Chrome and Safari.
|
|
|
7551
7579
|
* See the License for the specific language governing permissions and
|
|
7552
7580
|
* limitations under the License.
|
|
7553
7581
|
*/
|
|
7582
|
+
|
|
7554
7583
|
@layer utilities {
|
|
7555
7584
|
.bui-position-absolute {
|
|
7556
7585
|
position: absolute;
|
|
@@ -7687,6 +7716,7 @@ Add the correct display in Chrome and Safari.
|
|
|
7687
7716
|
}
|
|
7688
7717
|
}
|
|
7689
7718
|
}
|
|
7719
|
+
|
|
7690
7720
|
/* Grid */
|
|
7691
7721
|
/*
|
|
7692
7722
|
* Copyright 2025 The Backstage Authors
|
|
@@ -7703,6 +7733,7 @@ Add the correct display in Chrome and Safari.
|
|
|
7703
7733
|
* See the License for the specific language governing permissions and
|
|
7704
7734
|
* limitations under the License.
|
|
7705
7735
|
*/
|
|
7736
|
+
|
|
7706
7737
|
@layer utilities {
|
|
7707
7738
|
.bui-columns-1 {
|
|
7708
7739
|
grid-template-columns: repeat(1, minmax(0, 1fr));
|
|
@@ -8997,6 +9028,7 @@ Add the correct display in Chrome and Safari.
|
|
|
8997
9028
|
}
|
|
8998
9029
|
}
|
|
8999
9030
|
}
|
|
9031
|
+
|
|
9000
9032
|
/* Gap */
|
|
9001
9033
|
/*
|
|
9002
9034
|
* Copyright 2025 The Backstage Authors
|
|
@@ -9013,6 +9045,7 @@ Add the correct display in Chrome and Safari.
|
|
|
9013
9045
|
* See the License for the specific language governing permissions and
|
|
9014
9046
|
* limitations under the License.
|
|
9015
9047
|
*/
|
|
9048
|
+
|
|
9016
9049
|
@layer utilities {
|
|
9017
9050
|
.bui-gap {
|
|
9018
9051
|
gap: var(--gap);
|
|
@@ -9437,6 +9470,7 @@ Add the correct display in Chrome and Safari.
|
|
|
9437
9470
|
}
|
|
9438
9471
|
}
|
|
9439
9472
|
}
|
|
9473
|
+
|
|
9440
9474
|
/* Flex */
|
|
9441
9475
|
/*
|
|
9442
9476
|
* Copyright 2025 The Backstage Authors
|
|
@@ -9453,6 +9487,7 @@ Add the correct display in Chrome and Safari.
|
|
|
9453
9487
|
* See the License for the specific language governing permissions and
|
|
9454
9488
|
* limitations under the License.
|
|
9455
9489
|
*/
|
|
9490
|
+
|
|
9456
9491
|
@layer utilities {
|
|
9457
9492
|
.bui-align-start {
|
|
9458
9493
|
align-items: start;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@backstage/ui",
|
|
3
|
-
"version": "0.17.
|
|
3
|
+
"version": "0.17.2-next.0",
|
|
4
4
|
"backstage": {
|
|
5
5
|
"role": "web-library"
|
|
6
6
|
},
|
|
@@ -63,8 +63,8 @@
|
|
|
63
63
|
"use-sync-external-store": "^1.4.0"
|
|
64
64
|
},
|
|
65
65
|
"devDependencies": {
|
|
66
|
-
"@backstage/cli": "0.36.
|
|
67
|
-
"@backstage/core-components": "0.18.
|
|
66
|
+
"@backstage/cli": "0.36.6-next.0",
|
|
67
|
+
"@backstage/core-components": "0.18.14-next.0",
|
|
68
68
|
"@storybook/react-vite": "^10.4.0",
|
|
69
69
|
"@testing-library/jest-dom": "^6.0.0",
|
|
70
70
|
"@testing-library/react": "^16.0.0",
|