@proveanything/smartlinks-utils-ui 0.10.6 → 0.10.8
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/{IconPicker-BMMQLR5I.d.ts → IconPicker-DKpL5Hcc.d.ts} +1 -1
- package/dist/chunk-2MW54ZVG.js +92 -0
- package/dist/chunk-2MW54ZVG.js.map +1 -0
- package/dist/components/AssetPicker/index.d.ts +1 -1
- package/dist/components/IconPicker/index.d.ts +2 -2
- package/dist/components/RecordsAdmin/index.d.ts +30 -2
- package/dist/components/RecordsAdmin/index.js +125 -110
- package/dist/components/RecordsAdmin/index.js.map +1 -1
- package/dist/index.css +182 -182
- package/dist/index.css.map +1 -1
- package/dist/index.d.ts +62 -4
- package/dist/index.js +1 -0
- package/dist/index.js.map +1 -1
- package/dist/{useAssets-BM1bzzkq.d.ts → useAssets-BAtXv6D5.d.ts} +1 -1
- package/package.json +1 -1
package/dist/index.css
CHANGED
|
@@ -2160,188 +2160,6 @@
|
|
|
2160
2160
|
--sl-ui-records-admin-styles: loaded;
|
|
2161
2161
|
}
|
|
2162
2162
|
|
|
2163
|
-
/* src/components/AdminPageHeader/admin-page-header.css */
|
|
2164
|
-
.sl-aph {
|
|
2165
|
-
width: 100%;
|
|
2166
|
-
font-family: var(--ra-font-ui, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif);
|
|
2167
|
-
color: hsl(var(--ra-text, 222 47% 11%));
|
|
2168
|
-
display: flex;
|
|
2169
|
-
flex-direction: column;
|
|
2170
|
-
gap: 0.5rem;
|
|
2171
|
-
}
|
|
2172
|
-
.sl-aph *,
|
|
2173
|
-
.sl-aph *::before,
|
|
2174
|
-
.sl-aph *::after {
|
|
2175
|
-
box-sizing: border-box;
|
|
2176
|
-
}
|
|
2177
|
-
.sl-aph__row {
|
|
2178
|
-
position: relative;
|
|
2179
|
-
display: flex;
|
|
2180
|
-
align-items: flex-start;
|
|
2181
|
-
gap: 0.6rem;
|
|
2182
|
-
padding: 0.25rem 0.25rem 0.5rem;
|
|
2183
|
-
}
|
|
2184
|
-
.sl-aph__main {
|
|
2185
|
-
flex: 1;
|
|
2186
|
-
min-width: 0;
|
|
2187
|
-
display: flex;
|
|
2188
|
-
align-items: flex-start;
|
|
2189
|
-
gap: 0.55rem;
|
|
2190
|
-
}
|
|
2191
|
-
.sl-aph__aside {
|
|
2192
|
-
display: flex;
|
|
2193
|
-
align-items: center;
|
|
2194
|
-
gap: 0.5rem;
|
|
2195
|
-
flex-shrink: 0;
|
|
2196
|
-
}
|
|
2197
|
-
.sl-aph__text {
|
|
2198
|
-
flex: 1;
|
|
2199
|
-
min-width: 0;
|
|
2200
|
-
}
|
|
2201
|
-
.sl-aph__title {
|
|
2202
|
-
font-family: var(--ra-font-display, var(--ra-font-ui, ui-sans-serif, system-ui, sans-serif));
|
|
2203
|
-
font-weight: 700;
|
|
2204
|
-
font-size: 1.2rem;
|
|
2205
|
-
line-height: 1.2;
|
|
2206
|
-
color: hsl(var(--ra-text, 222 47% 11%));
|
|
2207
|
-
letter-spacing: -0.015em;
|
|
2208
|
-
margin: 0;
|
|
2209
|
-
display: inline-flex;
|
|
2210
|
-
align-items: center;
|
|
2211
|
-
gap: 0.5rem;
|
|
2212
|
-
}
|
|
2213
|
-
.sl-aph__icon {
|
|
2214
|
-
flex-shrink: 0;
|
|
2215
|
-
display: inline-flex;
|
|
2216
|
-
align-items: center;
|
|
2217
|
-
justify-content: flex-start;
|
|
2218
|
-
background: transparent;
|
|
2219
|
-
color: hsl(var(--ra-text, 222 47% 11%));
|
|
2220
|
-
border: 0;
|
|
2221
|
-
padding: 0;
|
|
2222
|
-
}
|
|
2223
|
-
.sl-aph__icon > svg {
|
|
2224
|
-
width: 1.05rem;
|
|
2225
|
-
height: 1.05rem;
|
|
2226
|
-
}
|
|
2227
|
-
.sl-aph__subtitle {
|
|
2228
|
-
font-size: 0.78rem;
|
|
2229
|
-
color: hsl(var(--ra-muted-text, 220 9% 46%));
|
|
2230
|
-
margin: 0.1rem 0 0;
|
|
2231
|
-
line-height: 1.3;
|
|
2232
|
-
}
|
|
2233
|
-
.sl-aph__icon-btn {
|
|
2234
|
-
display: inline-flex;
|
|
2235
|
-
align-items: center;
|
|
2236
|
-
justify-content: center;
|
|
2237
|
-
width: 2rem;
|
|
2238
|
-
height: 2rem;
|
|
2239
|
-
padding: 0;
|
|
2240
|
-
border-radius: 999px;
|
|
2241
|
-
background: transparent;
|
|
2242
|
-
border: 1px solid transparent;
|
|
2243
|
-
color: hsl(var(--ra-muted-text, 220 9% 46%));
|
|
2244
|
-
cursor: pointer;
|
|
2245
|
-
transition:
|
|
2246
|
-
background .15s ease,
|
|
2247
|
-
color .15s ease,
|
|
2248
|
-
border-color .15s ease;
|
|
2249
|
-
text-decoration: none;
|
|
2250
|
-
}
|
|
2251
|
-
.sl-aph__icon-btn:hover {
|
|
2252
|
-
background: hsl(var(--ra-text, 222 47% 11%) / 0.06);
|
|
2253
|
-
color: hsl(var(--ra-text, 222 47% 11%));
|
|
2254
|
-
}
|
|
2255
|
-
.sl-aph__icon-btn:focus-visible {
|
|
2256
|
-
outline: none;
|
|
2257
|
-
box-shadow: 0 0 0 3px var(--ra-focus-ring, hsl(222 47% 11% / 0.35));
|
|
2258
|
-
}
|
|
2259
|
-
.sl-aph__icon-btn > svg {
|
|
2260
|
-
width: 1rem;
|
|
2261
|
-
height: 1rem;
|
|
2262
|
-
}
|
|
2263
|
-
.sl-aph__intro {
|
|
2264
|
-
position: relative;
|
|
2265
|
-
display: flex;
|
|
2266
|
-
align-items: center;
|
|
2267
|
-
gap: 0.55rem;
|
|
2268
|
-
padding: 0.4rem 2rem 0.4rem 0.5rem;
|
|
2269
|
-
border-radius: var(--ra-radius, 0.625rem);
|
|
2270
|
-
border: 1px solid hsl(var(--ra-info, 214 95% 55%) / 0.30);
|
|
2271
|
-
background: hsl(var(--ra-info, 214 95% 55%) / 0.08);
|
|
2272
|
-
}
|
|
2273
|
-
.sl-aph__intro[data-tone=success] {
|
|
2274
|
-
border-color: hsl(var(--ra-success, 142 71% 45%) / 0.30);
|
|
2275
|
-
background: hsl(var(--ra-success, 142 71% 45%) / 0.08);
|
|
2276
|
-
}
|
|
2277
|
-
.sl-aph__intro[data-tone=warning] {
|
|
2278
|
-
border-color: hsl(var(--ra-warning, 38 92% 50%) / 0.35);
|
|
2279
|
-
background: hsl(var(--ra-warning, 38 92% 50%) / 0.10);
|
|
2280
|
-
}
|
|
2281
|
-
.sl-aph__intro-icon {
|
|
2282
|
-
flex-shrink: 0;
|
|
2283
|
-
width: 1.5rem;
|
|
2284
|
-
height: 1.5rem;
|
|
2285
|
-
border-radius: 999px;
|
|
2286
|
-
display: inline-flex;
|
|
2287
|
-
align-items: center;
|
|
2288
|
-
justify-content: center;
|
|
2289
|
-
background: hsl(var(--ra-info, 214 95% 55%) / 0.18);
|
|
2290
|
-
color: hsl(var(--ra-info, 214 95% 55%));
|
|
2291
|
-
}
|
|
2292
|
-
.sl-aph__intro[data-tone=success] .sl-aph__intro-icon {
|
|
2293
|
-
background: hsl(var(--ra-success, 142 71% 45%) / 0.18);
|
|
2294
|
-
color: hsl(var(--ra-success, 142 71% 45%));
|
|
2295
|
-
}
|
|
2296
|
-
.sl-aph__intro[data-tone=warning] .sl-aph__intro-icon {
|
|
2297
|
-
background: hsl(var(--ra-warning, 38 92% 50%) / 0.20);
|
|
2298
|
-
color: hsl(var(--ra-warning, 38 92% 50%));
|
|
2299
|
-
}
|
|
2300
|
-
.sl-aph__intro-body {
|
|
2301
|
-
flex: 1;
|
|
2302
|
-
min-width: 0;
|
|
2303
|
-
}
|
|
2304
|
-
.sl-aph__intro-title {
|
|
2305
|
-
font-family: var(--ra-font-display, var(--ra-font-ui, ui-sans-serif, system-ui, sans-serif));
|
|
2306
|
-
font-weight: var(--ra-title-weight, 600);
|
|
2307
|
-
font-size: 0.8rem;
|
|
2308
|
-
color: hsl(var(--ra-text, 222 47% 11%));
|
|
2309
|
-
margin: 0;
|
|
2310
|
-
line-height: 1.2;
|
|
2311
|
-
display: inline;
|
|
2312
|
-
}
|
|
2313
|
-
.sl-aph__intro-text {
|
|
2314
|
-
font-size: 0.78rem;
|
|
2315
|
-
color: hsl(var(--ra-text, 222 47% 11%) / 0.85);
|
|
2316
|
-
line-height: 1.35;
|
|
2317
|
-
display: inline;
|
|
2318
|
-
margin-left: 0.4rem;
|
|
2319
|
-
}
|
|
2320
|
-
.sl-aph__intro-action {
|
|
2321
|
-
margin-left: 0.375rem;
|
|
2322
|
-
}
|
|
2323
|
-
.sl-aph__intro-dismiss {
|
|
2324
|
-
position: absolute;
|
|
2325
|
-
top: 50%;
|
|
2326
|
-
right: 0.35rem;
|
|
2327
|
-
transform: translateY(-50%);
|
|
2328
|
-
width: 1.4rem;
|
|
2329
|
-
height: 1.4rem;
|
|
2330
|
-
border-radius: 999px;
|
|
2331
|
-
display: inline-flex;
|
|
2332
|
-
align-items: center;
|
|
2333
|
-
justify-content: center;
|
|
2334
|
-
background: transparent;
|
|
2335
|
-
border: 0;
|
|
2336
|
-
color: hsl(var(--ra-muted-text, 220 9% 46%));
|
|
2337
|
-
cursor: pointer;
|
|
2338
|
-
padding: 0;
|
|
2339
|
-
}
|
|
2340
|
-
.sl-aph__intro-dismiss:hover {
|
|
2341
|
-
background: hsl(var(--ra-text, 222 47% 11%) / 0.06);
|
|
2342
|
-
color: hsl(var(--ra-text, 222 47% 11%));
|
|
2343
|
-
}
|
|
2344
|
-
|
|
2345
2163
|
/* src/styles.css */
|
|
2346
2164
|
.sr-only {
|
|
2347
2165
|
position: absolute;
|
|
@@ -3852,4 +3670,186 @@
|
|
|
3852
3670
|
color: rgb(96 165 250 / var(--tw-text-opacity, 1));
|
|
3853
3671
|
}
|
|
3854
3672
|
}
|
|
3673
|
+
|
|
3674
|
+
/* src/components/AdminPageHeader/admin-page-header.css */
|
|
3675
|
+
.sl-aph {
|
|
3676
|
+
width: 100%;
|
|
3677
|
+
font-family: var(--ra-font-ui, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif);
|
|
3678
|
+
color: hsl(var(--ra-text, 222 47% 11%));
|
|
3679
|
+
display: flex;
|
|
3680
|
+
flex-direction: column;
|
|
3681
|
+
gap: 0.5rem;
|
|
3682
|
+
}
|
|
3683
|
+
.sl-aph *,
|
|
3684
|
+
.sl-aph *::before,
|
|
3685
|
+
.sl-aph *::after {
|
|
3686
|
+
box-sizing: border-box;
|
|
3687
|
+
}
|
|
3688
|
+
.sl-aph__row {
|
|
3689
|
+
position: relative;
|
|
3690
|
+
display: flex;
|
|
3691
|
+
align-items: flex-start;
|
|
3692
|
+
gap: 0.6rem;
|
|
3693
|
+
padding: 0.25rem 0.25rem 0.5rem;
|
|
3694
|
+
}
|
|
3695
|
+
.sl-aph__main {
|
|
3696
|
+
flex: 1;
|
|
3697
|
+
min-width: 0;
|
|
3698
|
+
display: flex;
|
|
3699
|
+
align-items: flex-start;
|
|
3700
|
+
gap: 0.55rem;
|
|
3701
|
+
}
|
|
3702
|
+
.sl-aph__aside {
|
|
3703
|
+
display: flex;
|
|
3704
|
+
align-items: center;
|
|
3705
|
+
gap: 0.5rem;
|
|
3706
|
+
flex-shrink: 0;
|
|
3707
|
+
}
|
|
3708
|
+
.sl-aph__text {
|
|
3709
|
+
flex: 1;
|
|
3710
|
+
min-width: 0;
|
|
3711
|
+
}
|
|
3712
|
+
.sl-aph__title {
|
|
3713
|
+
font-family: var(--ra-font-display, var(--ra-font-ui, ui-sans-serif, system-ui, sans-serif));
|
|
3714
|
+
font-weight: 700;
|
|
3715
|
+
font-size: 1.2rem;
|
|
3716
|
+
line-height: 1.2;
|
|
3717
|
+
color: hsl(var(--ra-text, 222 47% 11%));
|
|
3718
|
+
letter-spacing: -0.015em;
|
|
3719
|
+
margin: 0;
|
|
3720
|
+
display: inline-flex;
|
|
3721
|
+
align-items: center;
|
|
3722
|
+
gap: 0.5rem;
|
|
3723
|
+
}
|
|
3724
|
+
.sl-aph__icon {
|
|
3725
|
+
flex-shrink: 0;
|
|
3726
|
+
display: inline-flex;
|
|
3727
|
+
align-items: center;
|
|
3728
|
+
justify-content: flex-start;
|
|
3729
|
+
background: transparent;
|
|
3730
|
+
color: hsl(var(--ra-text, 222 47% 11%));
|
|
3731
|
+
border: 0;
|
|
3732
|
+
padding: 0;
|
|
3733
|
+
}
|
|
3734
|
+
.sl-aph__icon > svg {
|
|
3735
|
+
width: 1.05rem;
|
|
3736
|
+
height: 1.05rem;
|
|
3737
|
+
}
|
|
3738
|
+
.sl-aph__subtitle {
|
|
3739
|
+
font-size: 0.78rem;
|
|
3740
|
+
color: hsl(var(--ra-muted-text, 220 9% 46%));
|
|
3741
|
+
margin: 0.1rem 0 0;
|
|
3742
|
+
line-height: 1.3;
|
|
3743
|
+
}
|
|
3744
|
+
.sl-aph__icon-btn {
|
|
3745
|
+
display: inline-flex;
|
|
3746
|
+
align-items: center;
|
|
3747
|
+
justify-content: center;
|
|
3748
|
+
width: 2rem;
|
|
3749
|
+
height: 2rem;
|
|
3750
|
+
padding: 0;
|
|
3751
|
+
border-radius: 999px;
|
|
3752
|
+
background: transparent;
|
|
3753
|
+
border: 1px solid transparent;
|
|
3754
|
+
color: hsl(var(--ra-muted-text, 220 9% 46%));
|
|
3755
|
+
cursor: pointer;
|
|
3756
|
+
transition:
|
|
3757
|
+
background .15s ease,
|
|
3758
|
+
color .15s ease,
|
|
3759
|
+
border-color .15s ease;
|
|
3760
|
+
text-decoration: none;
|
|
3761
|
+
}
|
|
3762
|
+
.sl-aph__icon-btn:hover {
|
|
3763
|
+
background: hsl(var(--ra-text, 222 47% 11%) / 0.06);
|
|
3764
|
+
color: hsl(var(--ra-text, 222 47% 11%));
|
|
3765
|
+
}
|
|
3766
|
+
.sl-aph__icon-btn:focus-visible {
|
|
3767
|
+
outline: none;
|
|
3768
|
+
box-shadow: 0 0 0 3px var(--ra-focus-ring, hsl(222 47% 11% / 0.35));
|
|
3769
|
+
}
|
|
3770
|
+
.sl-aph__icon-btn > svg {
|
|
3771
|
+
width: 1rem;
|
|
3772
|
+
height: 1rem;
|
|
3773
|
+
}
|
|
3774
|
+
.sl-aph__intro {
|
|
3775
|
+
position: relative;
|
|
3776
|
+
display: flex;
|
|
3777
|
+
align-items: center;
|
|
3778
|
+
gap: 0.55rem;
|
|
3779
|
+
padding: 0.4rem 2rem 0.4rem 0.5rem;
|
|
3780
|
+
border-radius: var(--ra-radius, 0.625rem);
|
|
3781
|
+
border: 1px solid hsl(var(--ra-info, 214 95% 55%) / 0.30);
|
|
3782
|
+
background: hsl(var(--ra-info, 214 95% 55%) / 0.08);
|
|
3783
|
+
}
|
|
3784
|
+
.sl-aph__intro[data-tone=success] {
|
|
3785
|
+
border-color: hsl(var(--ra-success, 142 71% 45%) / 0.30);
|
|
3786
|
+
background: hsl(var(--ra-success, 142 71% 45%) / 0.08);
|
|
3787
|
+
}
|
|
3788
|
+
.sl-aph__intro[data-tone=warning] {
|
|
3789
|
+
border-color: hsl(var(--ra-warning, 38 92% 50%) / 0.35);
|
|
3790
|
+
background: hsl(var(--ra-warning, 38 92% 50%) / 0.10);
|
|
3791
|
+
}
|
|
3792
|
+
.sl-aph__intro-icon {
|
|
3793
|
+
flex-shrink: 0;
|
|
3794
|
+
width: 1.5rem;
|
|
3795
|
+
height: 1.5rem;
|
|
3796
|
+
border-radius: 999px;
|
|
3797
|
+
display: inline-flex;
|
|
3798
|
+
align-items: center;
|
|
3799
|
+
justify-content: center;
|
|
3800
|
+
background: hsl(var(--ra-info, 214 95% 55%) / 0.18);
|
|
3801
|
+
color: hsl(var(--ra-info, 214 95% 55%));
|
|
3802
|
+
}
|
|
3803
|
+
.sl-aph__intro[data-tone=success] .sl-aph__intro-icon {
|
|
3804
|
+
background: hsl(var(--ra-success, 142 71% 45%) / 0.18);
|
|
3805
|
+
color: hsl(var(--ra-success, 142 71% 45%));
|
|
3806
|
+
}
|
|
3807
|
+
.sl-aph__intro[data-tone=warning] .sl-aph__intro-icon {
|
|
3808
|
+
background: hsl(var(--ra-warning, 38 92% 50%) / 0.20);
|
|
3809
|
+
color: hsl(var(--ra-warning, 38 92% 50%));
|
|
3810
|
+
}
|
|
3811
|
+
.sl-aph__intro-body {
|
|
3812
|
+
flex: 1;
|
|
3813
|
+
min-width: 0;
|
|
3814
|
+
}
|
|
3815
|
+
.sl-aph__intro-title {
|
|
3816
|
+
font-family: var(--ra-font-display, var(--ra-font-ui, ui-sans-serif, system-ui, sans-serif));
|
|
3817
|
+
font-weight: var(--ra-title-weight, 600);
|
|
3818
|
+
font-size: 0.8rem;
|
|
3819
|
+
color: hsl(var(--ra-text, 222 47% 11%));
|
|
3820
|
+
margin: 0;
|
|
3821
|
+
line-height: 1.2;
|
|
3822
|
+
display: inline;
|
|
3823
|
+
}
|
|
3824
|
+
.sl-aph__intro-text {
|
|
3825
|
+
font-size: 0.78rem;
|
|
3826
|
+
color: hsl(var(--ra-text, 222 47% 11%) / 0.85);
|
|
3827
|
+
line-height: 1.35;
|
|
3828
|
+
display: inline;
|
|
3829
|
+
margin-left: 0.4rem;
|
|
3830
|
+
}
|
|
3831
|
+
.sl-aph__intro-action {
|
|
3832
|
+
margin-left: 0.375rem;
|
|
3833
|
+
}
|
|
3834
|
+
.sl-aph__intro-dismiss {
|
|
3835
|
+
position: absolute;
|
|
3836
|
+
top: 50%;
|
|
3837
|
+
right: 0.35rem;
|
|
3838
|
+
transform: translateY(-50%);
|
|
3839
|
+
width: 1.4rem;
|
|
3840
|
+
height: 1.4rem;
|
|
3841
|
+
border-radius: 999px;
|
|
3842
|
+
display: inline-flex;
|
|
3843
|
+
align-items: center;
|
|
3844
|
+
justify-content: center;
|
|
3845
|
+
background: transparent;
|
|
3846
|
+
border: 0;
|
|
3847
|
+
color: hsl(var(--ra-muted-text, 220 9% 46%));
|
|
3848
|
+
cursor: pointer;
|
|
3849
|
+
padding: 0;
|
|
3850
|
+
}
|
|
3851
|
+
.sl-aph__intro-dismiss:hover {
|
|
3852
|
+
background: hsl(var(--ra-text, 222 47% 11%) / 0.06);
|
|
3853
|
+
color: hsl(var(--ra-text, 222 47% 11%));
|
|
3854
|
+
}
|
|
3855
3855
|
/*# sourceMappingURL=index.css.map */
|