@uni-design-system/uni-core 11.0.0 → 11.1.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 +23 -0
- package/dist/cjs/index.cjs +45 -9
- package/dist/cjs/index.cjs.map +1 -1
- package/dist/esm/index.js +45 -9
- package/dist/esm/index.js.map +1 -1
- package/dist/types/concepts/component/component.types.d.ts +1 -1
- package/dist/types/concepts/component/component.types.d.ts.map +1 -1
- package/dist/types/concepts/theme/themes/base.theme.d.ts.map +1 -1
- package/package.json +1 -1
package/dist/esm/index.js
CHANGED
|
@@ -968,7 +968,7 @@ var BaseTypography = {
|
|
|
968
968
|
fontFamily: "Red Hat Display",
|
|
969
969
|
fontSize: 15,
|
|
970
970
|
lineHeight: 20,
|
|
971
|
-
fontWeight:
|
|
971
|
+
fontWeight: 500
|
|
972
972
|
},
|
|
973
973
|
input: {
|
|
974
974
|
fontFamily: "Red Hat Display",
|
|
@@ -1101,14 +1101,26 @@ var SELECTION_ACCENTS = {
|
|
|
1101
1101
|
var tagVariant = (c, role) => ({ [role]: {
|
|
1102
1102
|
backgroundColor: c[`${role}-container`],
|
|
1103
1103
|
color: c[`on-${role}-container`],
|
|
1104
|
-
"&.
|
|
1104
|
+
"&.tag-selected": {
|
|
1105
1105
|
backgroundColor: c[role],
|
|
1106
1106
|
color: c[`on-${role}`]
|
|
1107
1107
|
},
|
|
1108
|
+
"&.tag-interactive:hover": { filter: "brightness(0.95)" },
|
|
1109
|
+
"&.tone-solid": {
|
|
1110
|
+
backgroundColor: c[role],
|
|
1111
|
+
color: c[`on-${role}`],
|
|
1112
|
+
"&.tag-selected": { filter: "brightness(0.9)" },
|
|
1113
|
+
"&.tag-selected.tag-interactive:hover": { filter: "brightness(0.85)" }
|
|
1114
|
+
},
|
|
1108
1115
|
"&.tone-outline": {
|
|
1109
1116
|
backgroundColor: "transparent",
|
|
1110
1117
|
color: c[role],
|
|
1111
|
-
borderColor: c[`on-${role}-container-border`] ?? c[role]
|
|
1118
|
+
borderColor: c[`on-${role}-container-border`] ?? c[role],
|
|
1119
|
+
"&.tag-selected": {
|
|
1120
|
+
backgroundColor: c[role],
|
|
1121
|
+
color: c[`on-${role}`],
|
|
1122
|
+
borderColor: c[role]
|
|
1123
|
+
}
|
|
1112
1124
|
}
|
|
1113
1125
|
} });
|
|
1114
1126
|
var buildComponents = (c) => ({
|
|
@@ -1449,7 +1461,8 @@ var buildComponents = (c) => ({
|
|
|
1449
1461
|
gap: "xs",
|
|
1450
1462
|
removeIcon: "close",
|
|
1451
1463
|
selectedIcon: "check",
|
|
1452
|
-
motion: "control"
|
|
1464
|
+
motion: "control",
|
|
1465
|
+
endInset: "auto"
|
|
1453
1466
|
},
|
|
1454
1467
|
fixed: {
|
|
1455
1468
|
display: "inline-flex",
|
|
@@ -1466,13 +1479,25 @@ var buildComponents = (c) => ({
|
|
|
1466
1479
|
ghost: {
|
|
1467
1480
|
backgroundColor: "transparent",
|
|
1468
1481
|
color: c["on-background"],
|
|
1469
|
-
"&.
|
|
1482
|
+
"&.tag-selected": {
|
|
1470
1483
|
backgroundColor: c["surface-variant"],
|
|
1471
1484
|
color: c["on-surface-variant"]
|
|
1472
1485
|
},
|
|
1486
|
+
"&.tag-interactive:hover": { filter: "brightness(0.95)" },
|
|
1487
|
+
"&.tone-solid": {
|
|
1488
|
+
backgroundColor: c["surface-variant"],
|
|
1489
|
+
color: c["on-surface-variant"],
|
|
1490
|
+
"&.tag-selected": { filter: "brightness(0.9)" },
|
|
1491
|
+
"&.tag-selected.tag-interactive:hover": { filter: "brightness(0.85)" }
|
|
1492
|
+
},
|
|
1473
1493
|
"&.tone-outline": {
|
|
1474
1494
|
backgroundColor: "transparent",
|
|
1475
|
-
borderColor: c.outline
|
|
1495
|
+
borderColor: c.outline,
|
|
1496
|
+
"&.tag-selected": {
|
|
1497
|
+
backgroundColor: c["surface-variant"],
|
|
1498
|
+
color: c["on-surface-variant"],
|
|
1499
|
+
borderColor: c.outline
|
|
1500
|
+
}
|
|
1476
1501
|
}
|
|
1477
1502
|
},
|
|
1478
1503
|
disabled: {
|
|
@@ -1492,20 +1517,31 @@ var buildComponents = (c) => ({
|
|
|
1492
1517
|
sm: {
|
|
1493
1518
|
height: 20,
|
|
1494
1519
|
fontSize: 12,
|
|
1495
|
-
|
|
1520
|
+
paddingInline: 8
|
|
1496
1521
|
},
|
|
1497
1522
|
md: {
|
|
1498
1523
|
height: 24,
|
|
1499
1524
|
fontSize: 13,
|
|
1500
|
-
|
|
1525
|
+
paddingInline: 10
|
|
1501
1526
|
},
|
|
1502
1527
|
lg: {
|
|
1503
1528
|
height: 32,
|
|
1504
1529
|
fontSize: 15,
|
|
1505
|
-
|
|
1530
|
+
paddingInline: 12
|
|
1506
1531
|
}
|
|
1507
1532
|
}
|
|
1508
1533
|
},
|
|
1534
|
+
tagGroup: {
|
|
1535
|
+
options: {
|
|
1536
|
+
gap: "xs",
|
|
1537
|
+
rowGap: "xs"
|
|
1538
|
+
},
|
|
1539
|
+
fixed: {
|
|
1540
|
+
display: "flex",
|
|
1541
|
+
flexWrap: "wrap",
|
|
1542
|
+
alignItems: "center"
|
|
1543
|
+
}
|
|
1544
|
+
},
|
|
1509
1545
|
tagInput: { options: {
|
|
1510
1546
|
chipGap: "xs",
|
|
1511
1547
|
chipSize: "md",
|