@orderly.network/ui 2.8.10 → 2.8.11-alpha.1
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.css +15 -77
- package/dist/index.css.map +1 -1
- package/dist/index.d.mts +126 -124
- package/dist/index.d.ts +126 -124
- package/dist/index.js +90 -132
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +90 -132
- package/dist/index.mjs.map +1 -1
- package/dist/styles.css +1 -1
- package/package.json +7 -5
- package/src/tailwind/base.ts +19 -0
- package/src/tailwind/chart.ts +28 -0
- package/src/tailwind/components.ts +16 -0
- package/src/tailwind/gradient.ts +38 -0
- package/src/tailwind/index.ts +8 -0
- package/src/tailwind/position.ts +13 -0
- package/src/tailwind/scrollBar.ts +48 -0
- package/src/tailwind/size.ts +13 -0
- package/src/tailwind/theme.ts +102 -0
- package/tailwind.config.js +252 -0
package/dist/index.css
CHANGED
|
@@ -1190,6 +1190,9 @@ body {
|
|
|
1190
1190
|
.oui-mr-9 {
|
|
1191
1191
|
margin-right: 2.25rem;
|
|
1192
1192
|
}
|
|
1193
|
+
.oui-mr-\[2px\] {
|
|
1194
|
+
margin-right: 2px;
|
|
1195
|
+
}
|
|
1193
1196
|
.oui-mr-\[6px\] {
|
|
1194
1197
|
margin-right: 6px;
|
|
1195
1198
|
}
|
|
@@ -1663,12 +1666,6 @@ body {
|
|
|
1663
1666
|
.oui-h-\[8px\] {
|
|
1664
1667
|
height: 8px;
|
|
1665
1668
|
}
|
|
1666
|
-
.oui-h-\[calc\(\(100vw-48px\)\/2\)\] {
|
|
1667
|
-
height: calc((100vw - 48px) / 2);
|
|
1668
|
-
}
|
|
1669
|
-
.oui-h-\[calc\(100\%_-_288px_-_20px\)\] {
|
|
1670
|
-
height: calc(100% - 288px - 20px);
|
|
1671
|
-
}
|
|
1672
1669
|
.oui-h-\[calc\(100\%_-_28px\)\] {
|
|
1673
1670
|
height: calc(100% - 28px);
|
|
1674
1671
|
}
|
|
@@ -1711,18 +1708,12 @@ body {
|
|
|
1711
1708
|
.oui-h-\[calc\(100vh-260px\)\] {
|
|
1712
1709
|
height: calc(100vh - 260px);
|
|
1713
1710
|
}
|
|
1714
|
-
.oui-h-\[calc\(100vh-44px\)\] {
|
|
1715
|
-
height: calc(100vh - 44px);
|
|
1716
|
-
}
|
|
1717
1711
|
.oui-h-\[calc\(100vh-80px\)\] {
|
|
1718
1712
|
height: calc(100vh - 80px);
|
|
1719
1713
|
}
|
|
1720
1714
|
.oui-h-\[calc\(100vh_-_48px_-_29px\)\] {
|
|
1721
1715
|
height: calc(100vh - 48px - 29px);
|
|
1722
1716
|
}
|
|
1723
|
-
.oui-h-\[calc\(100vh_-_64px\)\] {
|
|
1724
|
-
height: calc(100vh - 64px);
|
|
1725
|
-
}
|
|
1726
1717
|
.oui-h-\[calc\(80vh_-_104px\)\] {
|
|
1727
1718
|
height: calc(80vh - 104px);
|
|
1728
1719
|
}
|
|
@@ -1762,12 +1753,18 @@ body {
|
|
|
1762
1753
|
.oui-max-h-\[104px\] {
|
|
1763
1754
|
max-height: 104px;
|
|
1764
1755
|
}
|
|
1756
|
+
.oui-max-h-\[119px\] {
|
|
1757
|
+
max-height: 119px;
|
|
1758
|
+
}
|
|
1765
1759
|
.oui-max-h-\[120px\] {
|
|
1766
1760
|
max-height: 120px;
|
|
1767
1761
|
}
|
|
1768
1762
|
.oui-max-h-\[1250px\] {
|
|
1769
1763
|
max-height: 1250px;
|
|
1770
1764
|
}
|
|
1765
|
+
.oui-max-h-\[144px\] {
|
|
1766
|
+
max-height: 144px;
|
|
1767
|
+
}
|
|
1771
1768
|
.oui-max-h-\[200px\] {
|
|
1772
1769
|
max-height: 200px;
|
|
1773
1770
|
}
|
|
@@ -1798,18 +1795,12 @@ body {
|
|
|
1798
1795
|
.oui-max-h-\[60vh\] {
|
|
1799
1796
|
max-height: 60vh;
|
|
1800
1797
|
}
|
|
1801
|
-
.oui-max-h-\[69px\] {
|
|
1802
|
-
max-height: 69px;
|
|
1803
|
-
}
|
|
1804
1798
|
.oui-max-h-\[700px\] {
|
|
1805
1799
|
max-height: 700px;
|
|
1806
1800
|
}
|
|
1807
1801
|
.oui-max-h-\[80vh\] {
|
|
1808
1802
|
max-height: 80vh;
|
|
1809
1803
|
}
|
|
1810
|
-
.oui-max-h-\[94px\] {
|
|
1811
|
-
max-height: 94px;
|
|
1812
|
-
}
|
|
1813
1804
|
.oui-max-h-full {
|
|
1814
1805
|
max-height: 100%;
|
|
1815
1806
|
}
|
|
@@ -2092,9 +2083,6 @@ body {
|
|
|
2092
2083
|
.oui-w-\[378px\] {
|
|
2093
2084
|
width: 378px;
|
|
2094
2085
|
}
|
|
2095
|
-
.oui-w-\[400px\] {
|
|
2096
|
-
width: 400px;
|
|
2097
|
-
}
|
|
2098
2086
|
.oui-w-\[420px\] {
|
|
2099
2087
|
width: 420px;
|
|
2100
2088
|
}
|
|
@@ -2276,9 +2264,6 @@ body {
|
|
|
2276
2264
|
.oui-max-w-72 {
|
|
2277
2265
|
max-width: 18rem;
|
|
2278
2266
|
}
|
|
2279
|
-
.oui-max-w-\[1040px\] {
|
|
2280
|
-
max-width: 1040px;
|
|
2281
|
-
}
|
|
2282
2267
|
.oui-max-w-\[110px\] {
|
|
2283
2268
|
max-width: 110px;
|
|
2284
2269
|
}
|
|
@@ -2379,9 +2364,6 @@ body {
|
|
|
2379
2364
|
.oui-flex-1 {
|
|
2380
2365
|
flex: 1 1 0%;
|
|
2381
2366
|
}
|
|
2382
|
-
.oui-flex-\[0_0_100\%\] {
|
|
2383
|
-
flex: 0 0 100%;
|
|
2384
|
-
}
|
|
2385
2367
|
.oui-flex-\[0_0_calc\(\(100\%_-_32px\)_\/_3\)\] {
|
|
2386
2368
|
flex: 0 0 calc((100% - 32px) / 3);
|
|
2387
2369
|
}
|
|
@@ -2713,6 +2695,9 @@ body {
|
|
|
2713
2695
|
.oui-grid-rows-\[auto\,1fr\] {
|
|
2714
2696
|
grid-template-rows: auto 1fr;
|
|
2715
2697
|
}
|
|
2698
|
+
.oui-grid-rows-\[auto\,auto\,1fr\,auto\,1fr\,auto\] {
|
|
2699
|
+
grid-template-rows: auto auto 1fr auto 1fr auto;
|
|
2700
|
+
}
|
|
2716
2701
|
.oui-grid-rows-\[auto\,auto\,1fr\,auto\,1fr\] {
|
|
2717
2702
|
grid-template-rows: auto auto 1fr auto 1fr;
|
|
2718
2703
|
}
|
|
@@ -3085,9 +3070,6 @@ body {
|
|
|
3085
3070
|
.oui-rounded-\[1px\] {
|
|
3086
3071
|
border-radius: 1px;
|
|
3087
3072
|
}
|
|
3088
|
-
.oui-rounded-\[20px\] {
|
|
3089
|
-
border-radius: 20px;
|
|
3090
|
-
}
|
|
3091
3073
|
.oui-rounded-\[24px\] {
|
|
3092
3074
|
border-radius: 24px;
|
|
3093
3075
|
}
|
|
@@ -3151,10 +3133,6 @@ body {
|
|
|
3151
3133
|
border-top-left-radius: var(--oui-rounded-lg, 0.5rem);
|
|
3152
3134
|
border-bottom-left-radius: var(--oui-rounded-lg, 0.5rem);
|
|
3153
3135
|
}
|
|
3154
|
-
.oui-rounded-l-xl {
|
|
3155
|
-
border-top-left-radius: var(--oui-rounded-xl, 0.75rem);
|
|
3156
|
-
border-bottom-left-radius: var(--oui-rounded-xl, 0.75rem);
|
|
3157
|
-
}
|
|
3158
3136
|
.oui-rounded-r {
|
|
3159
3137
|
border-top-right-radius: var(--oui-rounded, 0.25rem);
|
|
3160
3138
|
border-bottom-right-radius: var(--oui-rounded, 0.25rem);
|
|
@@ -4083,10 +4061,6 @@ body {
|
|
|
4083
4061
|
-o-object-fit: cover;
|
|
4084
4062
|
object-fit: cover;
|
|
4085
4063
|
}
|
|
4086
|
-
.oui-object-fill {
|
|
4087
|
-
-o-object-fit: fill;
|
|
4088
|
-
object-fit: fill;
|
|
4089
|
-
}
|
|
4090
4064
|
.\!oui-p-0 {
|
|
4091
4065
|
padding: 0px !important;
|
|
4092
4066
|
}
|
|
@@ -4446,9 +4420,6 @@ body {
|
|
|
4446
4420
|
.oui-pr-1 {
|
|
4447
4421
|
padding-right: 0.25rem;
|
|
4448
4422
|
}
|
|
4449
|
-
.oui-pr-1\.5 {
|
|
4450
|
-
padding-right: 0.375rem;
|
|
4451
|
-
}
|
|
4452
4423
|
.oui-pr-10 {
|
|
4453
4424
|
padding-right: 2.5rem;
|
|
4454
4425
|
}
|
|
@@ -4612,6 +4583,9 @@ body {
|
|
|
4612
4583
|
.oui-text-\[56px\] {
|
|
4613
4584
|
font-size: 56px;
|
|
4614
4585
|
}
|
|
4586
|
+
.oui-text-\[8px\] {
|
|
4587
|
+
font-size: 8px;
|
|
4588
|
+
}
|
|
4615
4589
|
.oui-text-base {
|
|
4616
4590
|
font-size: var(--oui-font-size-base, 1rem);
|
|
4617
4591
|
line-height: 1.5rem;
|
|
@@ -5156,35 +5130,20 @@ body {
|
|
|
5156
5130
|
}
|
|
5157
5131
|
.oui-backdrop-blur-\[10px\] {
|
|
5158
5132
|
--tw-backdrop-blur: blur(10px);
|
|
5159
|
-
-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
|
|
5160
5133
|
backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
|
|
5161
5134
|
}
|
|
5162
5135
|
.oui-backdrop-blur-\[200px\] {
|
|
5163
5136
|
--tw-backdrop-blur: blur(200px);
|
|
5164
|
-
-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
|
|
5165
5137
|
backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
|
|
5166
5138
|
}
|
|
5167
5139
|
.oui-backdrop-blur-\[2px\] {
|
|
5168
5140
|
--tw-backdrop-blur: blur(2px);
|
|
5169
|
-
-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
|
|
5170
5141
|
backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
|
|
5171
5142
|
}
|
|
5172
5143
|
.\!oui-transition-none {
|
|
5173
5144
|
transition-property: none !important;
|
|
5174
5145
|
}
|
|
5175
5146
|
.oui-transition {
|
|
5176
|
-
transition-property:
|
|
5177
|
-
color,
|
|
5178
|
-
background-color,
|
|
5179
|
-
border-color,
|
|
5180
|
-
text-decoration-color,
|
|
5181
|
-
fill,
|
|
5182
|
-
stroke,
|
|
5183
|
-
opacity,
|
|
5184
|
-
box-shadow,
|
|
5185
|
-
transform,
|
|
5186
|
-
filter,
|
|
5187
|
-
-webkit-backdrop-filter;
|
|
5188
5147
|
transition-property:
|
|
5189
5148
|
color,
|
|
5190
5149
|
background-color,
|
|
@@ -5197,19 +5156,6 @@ body {
|
|
|
5197
5156
|
transform,
|
|
5198
5157
|
filter,
|
|
5199
5158
|
backdrop-filter;
|
|
5200
|
-
transition-property:
|
|
5201
|
-
color,
|
|
5202
|
-
background-color,
|
|
5203
|
-
border-color,
|
|
5204
|
-
text-decoration-color,
|
|
5205
|
-
fill,
|
|
5206
|
-
stroke,
|
|
5207
|
-
opacity,
|
|
5208
|
-
box-shadow,
|
|
5209
|
-
transform,
|
|
5210
|
-
filter,
|
|
5211
|
-
backdrop-filter,
|
|
5212
|
-
-webkit-backdrop-filter;
|
|
5213
5159
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
5214
5160
|
transition-duration: 150ms;
|
|
5215
5161
|
}
|
|
@@ -5512,18 +5458,10 @@ body {
|
|
|
5512
5458
|
content: var(--tw-content);
|
|
5513
5459
|
height: 2px;
|
|
5514
5460
|
}
|
|
5515
|
-
.after\:oui-h-\[30px\]::after {
|
|
5516
|
-
content: var(--tw-content);
|
|
5517
|
-
height: 30px;
|
|
5518
|
-
}
|
|
5519
5461
|
.after\:oui-h-\[40px\]::after {
|
|
5520
5462
|
content: var(--tw-content);
|
|
5521
5463
|
height: 40px;
|
|
5522
5464
|
}
|
|
5523
|
-
.after\:oui-h-\[48px\]::after {
|
|
5524
|
-
content: var(--tw-content);
|
|
5525
|
-
height: 48px;
|
|
5526
|
-
}
|
|
5527
5465
|
.after\:\!oui-w-\[2px\]::after {
|
|
5528
5466
|
content: var(--tw-content);
|
|
5529
5467
|
width: 2px !important;
|