@nurix/ui-component-library 1.1.3-stage.106 → 1.1.3-stage.107
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/index.js +2 -2
- package/dist/index.mjs +2 -2
- package/dist/styles.css +60 -0
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -8670,7 +8670,7 @@ function hexToHslChannels(hex) {
|
|
|
8670
8670
|
const lRound = Math.round(clamp01(l2) * 100);
|
|
8671
8671
|
return `${hRound} ${sRound}% ${lRound}%`;
|
|
8672
8672
|
}
|
|
8673
|
-
var
|
|
8673
|
+
var UI_COLOR_KEY_TO_CSS_VAR = {
|
|
8674
8674
|
background: "--background",
|
|
8675
8675
|
foreground: "--foreground",
|
|
8676
8676
|
border: "--border",
|
|
@@ -8716,7 +8716,7 @@ function themeJsonToCssVars(theme, mode) {
|
|
|
8716
8716
|
var _a6, _b5, _c, _d, _e2;
|
|
8717
8717
|
const ui = (_b5 = (_a6 = theme.uIColors) == null ? void 0 : _a6[mode]) != null ? _b5 : {};
|
|
8718
8718
|
const out = {};
|
|
8719
|
-
for (const [uiKey, cssVar] of Object.entries(
|
|
8719
|
+
for (const [uiKey, cssVar] of Object.entries(UI_COLOR_KEY_TO_CSS_VAR)) {
|
|
8720
8720
|
const val = ui[uiKey];
|
|
8721
8721
|
if (!val) continue;
|
|
8722
8722
|
if ([
|
package/dist/index.mjs
CHANGED
|
@@ -8582,7 +8582,7 @@ function hexToHslChannels(hex) {
|
|
|
8582
8582
|
const lRound = Math.round(clamp01(l2) * 100);
|
|
8583
8583
|
return `${hRound} ${sRound}% ${lRound}%`;
|
|
8584
8584
|
}
|
|
8585
|
-
var
|
|
8585
|
+
var UI_COLOR_KEY_TO_CSS_VAR = {
|
|
8586
8586
|
background: "--background",
|
|
8587
8587
|
foreground: "--foreground",
|
|
8588
8588
|
border: "--border",
|
|
@@ -8628,7 +8628,7 @@ function themeJsonToCssVars(theme, mode) {
|
|
|
8628
8628
|
var _a6, _b5, _c, _d, _e2;
|
|
8629
8629
|
const ui = (_b5 = (_a6 = theme.uIColors) == null ? void 0 : _a6[mode]) != null ? _b5 : {};
|
|
8630
8630
|
const out = {};
|
|
8631
|
-
for (const [uiKey, cssVar] of Object.entries(
|
|
8631
|
+
for (const [uiKey, cssVar] of Object.entries(UI_COLOR_KEY_TO_CSS_VAR)) {
|
|
8632
8632
|
const val = ui[uiKey];
|
|
8633
8633
|
if (!val) continue;
|
|
8634
8634
|
if ([
|
package/dist/styles.css
CHANGED
|
@@ -16,6 +16,7 @@
|
|
|
16
16
|
--spacing: 0.25rem;
|
|
17
17
|
--container-sm: 24rem;
|
|
18
18
|
--container-md: 28rem;
|
|
19
|
+
--container-5xl: 64rem;
|
|
19
20
|
--text-xs: 0.75rem;
|
|
20
21
|
--text-xs--line-height: calc(1 / 0.75);
|
|
21
22
|
--text-sm: 0.875rem;
|
|
@@ -35,6 +36,7 @@
|
|
|
35
36
|
--font-weight-medium: 500;
|
|
36
37
|
--font-weight-semibold: 600;
|
|
37
38
|
--font-weight-bold: 700;
|
|
39
|
+
--tracking-tight: -0.025em;
|
|
38
40
|
--tracking-normal: 0em;
|
|
39
41
|
--tracking-widest: 0.1em;
|
|
40
42
|
--leading-normal: 1.5;
|
|
@@ -340,6 +342,9 @@
|
|
|
340
342
|
.lego-land .mt-1 {
|
|
341
343
|
margin-top: calc(var(--spacing) * 1);
|
|
342
344
|
}
|
|
345
|
+
.lego-land .mt-2 {
|
|
346
|
+
margin-top: calc(var(--spacing) * 2);
|
|
347
|
+
}
|
|
343
348
|
.lego-land .mt-3 {
|
|
344
349
|
margin-top: calc(var(--spacing) * 3);
|
|
345
350
|
}
|
|
@@ -606,6 +611,9 @@
|
|
|
606
611
|
.lego-land .w-12 {
|
|
607
612
|
width: calc(var(--spacing) * 12);
|
|
608
613
|
}
|
|
614
|
+
.lego-land .w-14 {
|
|
615
|
+
width: calc(var(--spacing) * 14);
|
|
616
|
+
}
|
|
609
617
|
.lego-land .w-20 {
|
|
610
618
|
width: calc(var(--spacing) * 20);
|
|
611
619
|
}
|
|
@@ -686,6 +694,9 @@
|
|
|
686
694
|
.lego-land .w-px {
|
|
687
695
|
width: 1px;
|
|
688
696
|
}
|
|
697
|
+
.lego-land .max-w-5xl {
|
|
698
|
+
max-width: var(--container-5xl);
|
|
699
|
+
}
|
|
689
700
|
.lego-land .max-w-\[85vw\] {
|
|
690
701
|
max-width: 85vw;
|
|
691
702
|
}
|
|
@@ -898,6 +909,9 @@
|
|
|
898
909
|
.lego-land .overflow-hidden {
|
|
899
910
|
overflow: hidden;
|
|
900
911
|
}
|
|
912
|
+
.lego-land .overflow-x-auto {
|
|
913
|
+
overflow-x: auto;
|
|
914
|
+
}
|
|
901
915
|
.lego-land .overflow-y-auto {
|
|
902
916
|
overflow-y: auto;
|
|
903
917
|
}
|
|
@@ -1034,12 +1048,27 @@
|
|
|
1034
1048
|
.lego-land .bg-\[var\(--\.\.\.\)\] {
|
|
1035
1049
|
background-color: var(--...);
|
|
1036
1050
|
}
|
|
1051
|
+
.lego-land .bg-\[var\(--date-picker-circle\)\] {
|
|
1052
|
+
background-color: var(--date-picker-circle);
|
|
1053
|
+
}
|
|
1037
1054
|
.lego-land .bg-\[var\(--filter-input\)\] {
|
|
1038
1055
|
background-color: var(--filter-input);
|
|
1039
1056
|
}
|
|
1057
|
+
.lego-land .bg-\[var\(--hover\)\] {
|
|
1058
|
+
background-color: var(--hover);
|
|
1059
|
+
}
|
|
1060
|
+
.lego-land .bg-\[var\(--hover-solid\)\] {
|
|
1061
|
+
background-color: var(--hover-solid);
|
|
1062
|
+
}
|
|
1063
|
+
.lego-land .bg-\[var\(--primary-selected\)\] {
|
|
1064
|
+
background-color: var(--primary-selected);
|
|
1065
|
+
}
|
|
1040
1066
|
.lego-land .bg-\[var\(--primary10\)\] {
|
|
1041
1067
|
background-color: var(--primary10);
|
|
1042
1068
|
}
|
|
1069
|
+
.lego-land .bg-accent {
|
|
1070
|
+
background-color: hsl(var(--accent));
|
|
1071
|
+
}
|
|
1043
1072
|
.lego-land .bg-accent\/50 {
|
|
1044
1073
|
background-color: hsl(var(--accent));
|
|
1045
1074
|
@supports (color: color-mix(in lab, red, red)) {
|
|
@@ -1088,6 +1117,9 @@
|
|
|
1088
1117
|
background-color: color-mix(in oklab, hsl(var(--destructive)) 10%, transparent);
|
|
1089
1118
|
}
|
|
1090
1119
|
}
|
|
1120
|
+
.lego-land .bg-disabled {
|
|
1121
|
+
background-color: hsl(var(--disabled));
|
|
1122
|
+
}
|
|
1091
1123
|
.lego-land .bg-foreground\/10 {
|
|
1092
1124
|
background-color: hsl(var(--foreground));
|
|
1093
1125
|
@supports (color: color-mix(in lab, red, red)) {
|
|
@@ -1112,9 +1144,15 @@
|
|
|
1112
1144
|
.lego-land .bg-neutral-300 {
|
|
1113
1145
|
background-color: var(--color-neutral-300);
|
|
1114
1146
|
}
|
|
1147
|
+
.lego-land .bg-popover {
|
|
1148
|
+
background-color: hsl(var(--popover));
|
|
1149
|
+
}
|
|
1115
1150
|
.lego-land .bg-primary {
|
|
1116
1151
|
background-color: hsl(var(--primary));
|
|
1117
1152
|
}
|
|
1153
|
+
.lego-land .bg-primary-10 {
|
|
1154
|
+
background-color: var(--primary10);
|
|
1155
|
+
}
|
|
1118
1156
|
.lego-land .bg-primary\/10 {
|
|
1119
1157
|
background-color: hsl(var(--primary));
|
|
1120
1158
|
@supports (color: color-mix(in lab, red, red)) {
|
|
@@ -1130,9 +1168,15 @@
|
|
|
1130
1168
|
.lego-land .bg-success {
|
|
1131
1169
|
background-color: hsl(var(--success));
|
|
1132
1170
|
}
|
|
1171
|
+
.lego-land .bg-switch-track {
|
|
1172
|
+
background-color: hsl(var(--switch-track));
|
|
1173
|
+
}
|
|
1133
1174
|
.lego-land .bg-transparent {
|
|
1134
1175
|
background-color: transparent;
|
|
1135
1176
|
}
|
|
1177
|
+
.lego-land .bg-warning {
|
|
1178
|
+
background-color: hsl(var(--warning));
|
|
1179
|
+
}
|
|
1136
1180
|
.lego-land .fill-current {
|
|
1137
1181
|
fill: currentcolor;
|
|
1138
1182
|
}
|
|
@@ -1389,6 +1433,10 @@
|
|
|
1389
1433
|
--tw-tracking: var(--tracking-normal);
|
|
1390
1434
|
letter-spacing: var(--tracking-normal);
|
|
1391
1435
|
}
|
|
1436
|
+
.lego-land .tracking-tight {
|
|
1437
|
+
--tw-tracking: var(--tracking-tight);
|
|
1438
|
+
letter-spacing: var(--tracking-tight);
|
|
1439
|
+
}
|
|
1392
1440
|
.lego-land .tracking-widest {
|
|
1393
1441
|
--tw-tracking: var(--tracking-widest);
|
|
1394
1442
|
letter-spacing: var(--tracking-widest);
|
|
@@ -1423,6 +1471,9 @@
|
|
|
1423
1471
|
.lego-land .text-badge-warning-fg {
|
|
1424
1472
|
color: hsl(var(--badge-warning-fg));
|
|
1425
1473
|
}
|
|
1474
|
+
.lego-land .text-card-foreground {
|
|
1475
|
+
color: hsl(var(--card-foreground));
|
|
1476
|
+
}
|
|
1426
1477
|
.lego-land .text-current {
|
|
1427
1478
|
color: currentcolor;
|
|
1428
1479
|
}
|
|
@@ -1444,6 +1495,9 @@
|
|
|
1444
1495
|
.lego-land .text-muted-foreground {
|
|
1445
1496
|
color: hsl(var(--muted-foreground));
|
|
1446
1497
|
}
|
|
1498
|
+
.lego-land .text-popover-foreground {
|
|
1499
|
+
color: hsl(var(--popover-foreground));
|
|
1500
|
+
}
|
|
1447
1501
|
.lego-land .text-primary {
|
|
1448
1502
|
color: hsl(var(--primary));
|
|
1449
1503
|
}
|
|
@@ -1456,6 +1510,9 @@
|
|
|
1456
1510
|
.lego-land .text-success {
|
|
1457
1511
|
color: hsl(var(--success));
|
|
1458
1512
|
}
|
|
1513
|
+
.lego-land .text-warning-foreground {
|
|
1514
|
+
color: hsl(var(--warning-foreground));
|
|
1515
|
+
}
|
|
1459
1516
|
.lego-land .text-white {
|
|
1460
1517
|
color: var(--color-white);
|
|
1461
1518
|
}
|
|
@@ -1513,6 +1570,9 @@
|
|
|
1513
1570
|
.lego-land .ring-background {
|
|
1514
1571
|
--tw-ring-color: hsl(var(--background));
|
|
1515
1572
|
}
|
|
1573
|
+
.lego-land .ring-ring {
|
|
1574
|
+
--tw-ring-color: hsl(var(--ring));
|
|
1575
|
+
}
|
|
1516
1576
|
.lego-land .ring-offset-background {
|
|
1517
1577
|
--tw-ring-offset-color: hsl(var(--background));
|
|
1518
1578
|
}
|