@proveanything/smartlinks-utils-ui 0.10.7 → 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/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 */