@yuva-devlab/ui 2.2.1 → 3.0.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/README.md +2 -3
- package/dist/components/table/table.css +29 -7
- package/dist/components.css +29 -7
- package/dist/index.cjs +27 -4
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +19 -5
- package/dist/index.d.ts +19 -5
- package/dist/index.js +27 -4
- package/dist/index.js.map +1 -1
- package/dist/styles/components.css +29 -7
- package/package.json +3 -3
|
@@ -5895,32 +5895,52 @@
|
|
|
5895
5895
|
.dl-table-wrapper {
|
|
5896
5896
|
position: relative;
|
|
5897
5897
|
width: 100%;
|
|
5898
|
-
overflow: auto;
|
|
5898
|
+
overflow-x: auto;
|
|
5899
|
+
-webkit-overflow-scrolling: touch;
|
|
5899
5900
|
}
|
|
5900
5901
|
|
|
5901
5902
|
.dl-table {
|
|
5902
5903
|
width: 100%;
|
|
5903
5904
|
caption-side: bottom;
|
|
5904
|
-
font-size: 0.875rem;
|
|
5905
|
+
font-size: var(--text-body, 0.875rem);
|
|
5905
5906
|
border-collapse: collapse;
|
|
5906
5907
|
}
|
|
5908
|
+
|
|
5907
5909
|
.dl-table__head tr {
|
|
5908
5910
|
border-bottom: 1px solid var(--border);
|
|
5909
5911
|
}
|
|
5912
|
+
|
|
5910
5913
|
.dl-table__body tr:last-child {
|
|
5911
5914
|
border-bottom: none;
|
|
5912
5915
|
}
|
|
5913
|
-
|
|
5914
|
-
background-color: color-mix(in oklch, var(--muted) 50%, transparent);
|
|
5915
|
-
}
|
|
5916
|
+
|
|
5916
5917
|
.dl-table__foot {
|
|
5917
5918
|
border-top: 1px solid var(--border);
|
|
5918
5919
|
font-weight: 500;
|
|
5919
5920
|
}
|
|
5921
|
+
|
|
5920
5922
|
.dl-table__row {
|
|
5921
5923
|
border-bottom: 1px solid var(--border);
|
|
5922
|
-
transition:
|
|
5924
|
+
transition:
|
|
5925
|
+
background-color 0.15s ease,
|
|
5926
|
+
color 0.15s ease;
|
|
5927
|
+
}
|
|
5928
|
+
|
|
5929
|
+
/* Base subtle row hover */
|
|
5930
|
+
.dl-table__body tr:hover {
|
|
5931
|
+
background-color: color-mix(in oklch, var(--muted) 40%, transparent);
|
|
5923
5932
|
}
|
|
5933
|
+
|
|
5934
|
+
/* Theme-Aware Enhanced Row Hover Highlighting */
|
|
5935
|
+
.dl-table--hoverable .dl-table__body tr:hover,
|
|
5936
|
+
.dl-table--hoverable .dl-table__row:hover,
|
|
5937
|
+
.dl-table__row--hoverable:hover {
|
|
5938
|
+
background-color: var(
|
|
5939
|
+
--table-row-hover,
|
|
5940
|
+
color-mix(in oklch, var(--primary) 8%, transparent)
|
|
5941
|
+
);
|
|
5942
|
+
}
|
|
5943
|
+
|
|
5924
5944
|
.dl-table__head-cell {
|
|
5925
5945
|
height: var(--control-height-md, 2.5rem);
|
|
5926
5946
|
padding: var(--table-row-padding-y, 0.5rem)
|
|
@@ -5930,14 +5950,16 @@
|
|
|
5930
5950
|
color: var(--muted-foreground);
|
|
5931
5951
|
white-space: nowrap;
|
|
5932
5952
|
}
|
|
5953
|
+
|
|
5933
5954
|
.dl-table__cell {
|
|
5934
5955
|
padding: var(--table-row-padding-y, 0.75rem)
|
|
5935
5956
|
var(--table-row-padding-x, 0.75rem);
|
|
5936
5957
|
vertical-align: middle;
|
|
5937
5958
|
}
|
|
5959
|
+
|
|
5938
5960
|
.dl-table__caption {
|
|
5939
5961
|
margin-top: 1rem;
|
|
5940
|
-
font-size: 0.875rem;
|
|
5962
|
+
font-size: var(--text-body-sm, 0.875rem);
|
|
5941
5963
|
color: var(--muted-foreground);
|
|
5942
5964
|
}
|
|
5943
5965
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@yuva-devlab/ui",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "3.0.0",
|
|
4
4
|
"description": "Production-ready, accessible React 19 component library built on Radix UI and semantic design tokens for Yuva DevLab",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -95,14 +95,14 @@
|
|
|
95
95
|
"@storybook/react": "^8.6.14",
|
|
96
96
|
"@types/react": "^19.2.6",
|
|
97
97
|
"@types/react-dom": "^19.2.6",
|
|
98
|
-
"@yuva-devlab/tokens": "2.
|
|
98
|
+
"@yuva-devlab/tokens": "2.1.0",
|
|
99
99
|
"react": "^19.2.0",
|
|
100
100
|
"react-dom": "^19.2.0",
|
|
101
101
|
"tsup": "^8.5.1",
|
|
102
102
|
"typescript": "^6.0.3"
|
|
103
103
|
},
|
|
104
104
|
"peerDependencies": {
|
|
105
|
-
"@yuva-devlab/tokens": ">=2.
|
|
105
|
+
"@yuva-devlab/tokens": ">=2.1.0",
|
|
106
106
|
"react": "^19.0.0",
|
|
107
107
|
"react-dom": "^19.0.0",
|
|
108
108
|
"sonner": "^2.0.0"
|