@rolster/styles-foundations 2.7.2 → 2.7.3

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.
Files changed (8) hide show
  1. package/dist/styles.css +137 -1
  2. package/dist/styles.css.map +1 -1
  3. package/dist/styles.min.css +1 -1
  4. package/dist/styles.rtl.css +137 -1
  5. package/dist/styles.rtl.min.css +1 -1
  6. package/package.json +1 -1
  7. package/scss/foundations/elevations.scss +3 -3
  8. package/scss/foundations/themes.scss +18 -2
package/dist/styles.rtl.css CHANGED
@@ -1704,7 +1704,7 @@ body {
1704
1704
  }
1705
1705
  body {
1706
1706
  --rls-app-shadow-color: rgba(173, 186, 230, 0.6);
1707
- --rls-z-index-2: 1;
1707
+ --rls-z-index-1: 1;
1708
1708
  --rls-z-index-2: 2;
1709
1709
  --rls-z-index-4: 4;
1710
1710
  --rls-z-index-6: 6;
@@ -2603,6 +2603,14 @@ body {
2603
2603
  --rls-theme-skeleton-100: var(--rls-primary-skeleton-100);
2604
2604
  --rls-theme-shadow-color-500: var(--rls-primary-shadow-color-500);
2605
2605
  --rls-theme-shadow-500: var(--rls-primary-shadow-500);
2606
+ --rls-theme-backdrop-100: var(--rls-primary-backdrop-100);
2607
+ --rls-theme-backdrop-200: var(--rls-primary-backdrop-200);
2608
+ --rls-theme-backdrop-300: var(--rls-primary-backdrop-300);
2609
+ --rls-theme-backdrop-400: var(--rls-primary-backdrop-400);
2610
+ --rls-theme-backdrop-500: var(--rls-primary-backdrop-500);
2611
+ --rls-theme-backdrop-600: var(--rls-primary-backdrop-600);
2612
+ --rls-theme-backdrop-700: var(--rls-primary-backdrop-700);
2613
+ --rls-theme-backdrop-800: var(--rls-primary-backdrop-800);
2606
2614
  --rls-theme-backdrop-900: var(--rls-primary-backdrop-900);
2607
2615
  --rls-theme-gradient-700: var(--rls-primary-gradient-700);
2608
2616
  --rls-theme-gradient-600: var(--rls-primary-gradient-600);
@@ -2686,6 +2694,14 @@ body {
2686
2694
  --rls-theme-skeleton-100: var(--rls-standard-skeleton-100);
2687
2695
  --rls-theme-shadow-color-500: var(--rls-standard-shadow-color-500);
2688
2696
  --rls-theme-shadow-500: var(--rls-standard-shadow-500);
2697
+ --rls-theme-backdrop-100: var(--rls-standard-backdrop-100);
2698
+ --rls-theme-backdrop-200: var(--rls-standard-backdrop-200);
2699
+ --rls-theme-backdrop-300: var(--rls-standard-backdrop-300);
2700
+ --rls-theme-backdrop-400: var(--rls-standard-backdrop-400);
2701
+ --rls-theme-backdrop-500: var(--rls-standard-backdrop-500);
2702
+ --rls-theme-backdrop-600: var(--rls-standard-backdrop-600);
2703
+ --rls-theme-backdrop-700: var(--rls-standard-backdrop-700);
2704
+ --rls-theme-backdrop-800: var(--rls-standard-backdrop-800);
2689
2705
  --rls-theme-backdrop-900: var(--rls-standard-backdrop-900);
2690
2706
  --rls-theme-gradient-700: var(--rls-standard-gradient-700);
2691
2707
  --rls-theme-gradient-600: var(--rls-standard-gradient-600);
@@ -2769,6 +2785,14 @@ body {
2769
2785
  --rls-theme-skeleton-100: var(--rls-secondary-skeleton-100);
2770
2786
  --rls-theme-shadow-color-500: var(--rls-secondary-shadow-color-500);
2771
2787
  --rls-theme-shadow-500: var(--rls-secondary-shadow-500);
2788
+ --rls-theme-backdrop-100: var(--rls-secondary-backdrop-100);
2789
+ --rls-theme-backdrop-200: var(--rls-secondary-backdrop-200);
2790
+ --rls-theme-backdrop-300: var(--rls-secondary-backdrop-300);
2791
+ --rls-theme-backdrop-400: var(--rls-secondary-backdrop-400);
2792
+ --rls-theme-backdrop-500: var(--rls-secondary-backdrop-500);
2793
+ --rls-theme-backdrop-600: var(--rls-secondary-backdrop-600);
2794
+ --rls-theme-backdrop-700: var(--rls-secondary-backdrop-700);
2795
+ --rls-theme-backdrop-800: var(--rls-secondary-backdrop-800);
2772
2796
  --rls-theme-backdrop-900: var(--rls-secondary-backdrop-900);
2773
2797
  --rls-theme-gradient-700: var(--rls-secondary-gradient-700);
2774
2798
  --rls-theme-gradient-600: var(--rls-secondary-gradient-600);
@@ -2852,6 +2876,14 @@ body {
2852
2876
  --rls-theme-skeleton-100: var(--rls-tertiary-skeleton-100);
2853
2877
  --rls-theme-shadow-color-500: var(--rls-tertiary-shadow-color-500);
2854
2878
  --rls-theme-shadow-500: var(--rls-tertiary-shadow-500);
2879
+ --rls-theme-backdrop-100: var(--rls-tertiary-backdrop-100);
2880
+ --rls-theme-backdrop-200: var(--rls-tertiary-backdrop-200);
2881
+ --rls-theme-backdrop-300: var(--rls-tertiary-backdrop-300);
2882
+ --rls-theme-backdrop-400: var(--rls-tertiary-backdrop-400);
2883
+ --rls-theme-backdrop-500: var(--rls-tertiary-backdrop-500);
2884
+ --rls-theme-backdrop-600: var(--rls-tertiary-backdrop-600);
2885
+ --rls-theme-backdrop-700: var(--rls-tertiary-backdrop-700);
2886
+ --rls-theme-backdrop-800: var(--rls-tertiary-backdrop-800);
2855
2887
  --rls-theme-backdrop-900: var(--rls-tertiary-backdrop-900);
2856
2888
  --rls-theme-gradient-700: var(--rls-tertiary-gradient-700);
2857
2889
  --rls-theme-gradient-600: var(--rls-tertiary-gradient-600);
@@ -2935,6 +2967,14 @@ body {
2935
2967
  --rls-theme-skeleton-100: var(--rls-success-skeleton-100);
2936
2968
  --rls-theme-shadow-color-500: var(--rls-success-shadow-color-500);
2937
2969
  --rls-theme-shadow-500: var(--rls-success-shadow-500);
2970
+ --rls-theme-backdrop-100: var(--rls-success-backdrop-100);
2971
+ --rls-theme-backdrop-200: var(--rls-success-backdrop-200);
2972
+ --rls-theme-backdrop-300: var(--rls-success-backdrop-300);
2973
+ --rls-theme-backdrop-400: var(--rls-success-backdrop-400);
2974
+ --rls-theme-backdrop-500: var(--rls-success-backdrop-500);
2975
+ --rls-theme-backdrop-600: var(--rls-success-backdrop-600);
2976
+ --rls-theme-backdrop-700: var(--rls-success-backdrop-700);
2977
+ --rls-theme-backdrop-800: var(--rls-success-backdrop-800);
2938
2978
  --rls-theme-backdrop-900: var(--rls-success-backdrop-900);
2939
2979
  --rls-theme-gradient-700: var(--rls-success-gradient-700);
2940
2980
  --rls-theme-gradient-600: var(--rls-success-gradient-600);
@@ -3018,6 +3058,14 @@ body {
3018
3058
  --rls-theme-skeleton-100: var(--rls-info-skeleton-100);
3019
3059
  --rls-theme-shadow-color-500: var(--rls-info-shadow-color-500);
3020
3060
  --rls-theme-shadow-500: var(--rls-info-shadow-500);
3061
+ --rls-theme-backdrop-100: var(--rls-info-backdrop-100);
3062
+ --rls-theme-backdrop-200: var(--rls-info-backdrop-200);
3063
+ --rls-theme-backdrop-300: var(--rls-info-backdrop-300);
3064
+ --rls-theme-backdrop-400: var(--rls-info-backdrop-400);
3065
+ --rls-theme-backdrop-500: var(--rls-info-backdrop-500);
3066
+ --rls-theme-backdrop-600: var(--rls-info-backdrop-600);
3067
+ --rls-theme-backdrop-700: var(--rls-info-backdrop-700);
3068
+ --rls-theme-backdrop-800: var(--rls-info-backdrop-800);
3021
3069
  --rls-theme-backdrop-900: var(--rls-info-backdrop-900);
3022
3070
  --rls-theme-gradient-700: var(--rls-info-gradient-700);
3023
3071
  --rls-theme-gradient-600: var(--rls-info-gradient-600);
@@ -3074,6 +3122,14 @@ body {
3074
3122
  --rls-theme-skeleton-100: var(--rls-warning-skeleton-100);
3075
3123
  --rls-theme-shadow-color-500: var(--rls-warning-shadow-color-500);
3076
3124
  --rls-theme-shadow-500: var(--rls-warning-shadow-500);
3125
+ --rls-theme-backdrop-100: var(--rls-warning-backdrop-100);
3126
+ --rls-theme-backdrop-200: var(--rls-warning-backdrop-200);
3127
+ --rls-theme-backdrop-300: var(--rls-warning-backdrop-300);
3128
+ --rls-theme-backdrop-400: var(--rls-warning-backdrop-400);
3129
+ --rls-theme-backdrop-500: var(--rls-warning-backdrop-500);
3130
+ --rls-theme-backdrop-600: var(--rls-warning-backdrop-600);
3131
+ --rls-theme-backdrop-700: var(--rls-warning-backdrop-700);
3132
+ --rls-theme-backdrop-800: var(--rls-warning-backdrop-800);
3077
3133
  --rls-theme-backdrop-900: var(--rls-warning-backdrop-900);
3078
3134
  --rls-theme-gradient-700: var(--rls-warning-gradient-700);
3079
3135
  --rls-theme-gradient-600: var(--rls-warning-gradient-600);
@@ -3157,6 +3213,14 @@ body {
3157
3213
  --rls-theme-skeleton-100: var(--rls-danger-skeleton-100);
3158
3214
  --rls-theme-shadow-color-500: var(--rls-danger-shadow-color-500);
3159
3215
  --rls-theme-shadow-500: var(--rls-danger-shadow-500);
3216
+ --rls-theme-backdrop-100: var(--rls-danger-backdrop-100);
3217
+ --rls-theme-backdrop-200: var(--rls-danger-backdrop-200);
3218
+ --rls-theme-backdrop-300: var(--rls-danger-backdrop-300);
3219
+ --rls-theme-backdrop-400: var(--rls-danger-backdrop-400);
3220
+ --rls-theme-backdrop-500: var(--rls-danger-backdrop-500);
3221
+ --rls-theme-backdrop-600: var(--rls-danger-backdrop-600);
3222
+ --rls-theme-backdrop-700: var(--rls-danger-backdrop-700);
3223
+ --rls-theme-backdrop-800: var(--rls-danger-backdrop-800);
3160
3224
  --rls-theme-backdrop-900: var(--rls-danger-backdrop-900);
3161
3225
  --rls-theme-gradient-700: var(--rls-danger-gradient-700);
3162
3226
  --rls-theme-gradient-600: var(--rls-danger-gradient-600);
@@ -3240,6 +3304,14 @@ body {
3240
3304
  --rls-theme-skeleton-100: var(--rls-berry-skeleton-100);
3241
3305
  --rls-theme-shadow-color-500: var(--rls-berry-shadow-color-500);
3242
3306
  --rls-theme-shadow-500: var(--rls-berry-shadow-500);
3307
+ --rls-theme-backdrop-100: var(--rls-berry-backdrop-100);
3308
+ --rls-theme-backdrop-200: var(--rls-berry-backdrop-200);
3309
+ --rls-theme-backdrop-300: var(--rls-berry-backdrop-300);
3310
+ --rls-theme-backdrop-400: var(--rls-berry-backdrop-400);
3311
+ --rls-theme-backdrop-500: var(--rls-berry-backdrop-500);
3312
+ --rls-theme-backdrop-600: var(--rls-berry-backdrop-600);
3313
+ --rls-theme-backdrop-700: var(--rls-berry-backdrop-700);
3314
+ --rls-theme-backdrop-800: var(--rls-berry-backdrop-800);
3243
3315
  --rls-theme-backdrop-900: var(--rls-berry-backdrop-900);
3244
3316
  --rls-theme-gradient-700: var(--rls-berry-gradient-700);
3245
3317
  --rls-theme-gradient-600: var(--rls-berry-gradient-600);
@@ -3296,6 +3368,14 @@ body {
3296
3368
  --rls-theme-skeleton-100: var(--rls-ross-skeleton-100);
3297
3369
  --rls-theme-shadow-color-500: var(--rls-ross-shadow-color-500);
3298
3370
  --rls-theme-shadow-500: var(--rls-ross-shadow-500);
3371
+ --rls-theme-backdrop-100: var(--rls-ross-backdrop-100);
3372
+ --rls-theme-backdrop-200: var(--rls-ross-backdrop-200);
3373
+ --rls-theme-backdrop-300: var(--rls-ross-backdrop-300);
3374
+ --rls-theme-backdrop-400: var(--rls-ross-backdrop-400);
3375
+ --rls-theme-backdrop-500: var(--rls-ross-backdrop-500);
3376
+ --rls-theme-backdrop-600: var(--rls-ross-backdrop-600);
3377
+ --rls-theme-backdrop-700: var(--rls-ross-backdrop-700);
3378
+ --rls-theme-backdrop-800: var(--rls-ross-backdrop-800);
3299
3379
  --rls-theme-backdrop-900: var(--rls-ross-backdrop-900);
3300
3380
  --rls-theme-gradient-700: var(--rls-ross-gradient-700);
3301
3381
  --rls-theme-gradient-600: var(--rls-ross-gradient-600);
@@ -3352,6 +3432,14 @@ body {
3352
3432
  --rls-theme-skeleton-100: var(--rls-hope-skeleton-100);
3353
3433
  --rls-theme-shadow-color-500: var(--rls-hope-shadow-color-500);
3354
3434
  --rls-theme-shadow-500: var(--rls-hope-shadow-500);
3435
+ --rls-theme-backdrop-100: var(--rls-hope-backdrop-100);
3436
+ --rls-theme-backdrop-200: var(--rls-hope-backdrop-200);
3437
+ --rls-theme-backdrop-300: var(--rls-hope-backdrop-300);
3438
+ --rls-theme-backdrop-400: var(--rls-hope-backdrop-400);
3439
+ --rls-theme-backdrop-500: var(--rls-hope-backdrop-500);
3440
+ --rls-theme-backdrop-600: var(--rls-hope-backdrop-600);
3441
+ --rls-theme-backdrop-700: var(--rls-hope-backdrop-700);
3442
+ --rls-theme-backdrop-800: var(--rls-hope-backdrop-800);
3355
3443
  --rls-theme-backdrop-900: var(--rls-hope-backdrop-900);
3356
3444
  --rls-theme-gradient-700: var(--rls-hope-gradient-700);
3357
3445
  --rls-theme-gradient-600: var(--rls-hope-gradient-600);
@@ -3408,6 +3496,14 @@ body {
3408
3496
  --rls-theme-skeleton-100: var(--rls-mountains-skeleton-100);
3409
3497
  --rls-theme-shadow-color-500: var(--rls-mountains-shadow-color-500);
3410
3498
  --rls-theme-shadow-500: var(--rls-mountains-shadow-500);
3499
+ --rls-theme-backdrop-100: var(--rls-mountains-backdrop-100);
3500
+ --rls-theme-backdrop-200: var(--rls-mountains-backdrop-200);
3501
+ --rls-theme-backdrop-300: var(--rls-mountains-backdrop-300);
3502
+ --rls-theme-backdrop-400: var(--rls-mountains-backdrop-400);
3503
+ --rls-theme-backdrop-500: var(--rls-mountains-backdrop-500);
3504
+ --rls-theme-backdrop-600: var(--rls-mountains-backdrop-600);
3505
+ --rls-theme-backdrop-700: var(--rls-mountains-backdrop-700);
3506
+ --rls-theme-backdrop-800: var(--rls-mountains-backdrop-800);
3411
3507
  --rls-theme-backdrop-900: var(--rls-mountains-backdrop-900);
3412
3508
  --rls-theme-gradient-700: var(--rls-mountains-gradient-700);
3413
3509
  --rls-theme-gradient-600: var(--rls-mountains-gradient-600);
@@ -3491,6 +3587,14 @@ body {
3491
3587
  --rls-theme-skeleton-100: var(--rls-amaizing-skeleton-100);
3492
3588
  --rls-theme-shadow-color-500: var(--rls-amaizing-shadow-color-500);
3493
3589
  --rls-theme-shadow-500: var(--rls-amaizing-shadow-500);
3590
+ --rls-theme-backdrop-100: var(--rls-amaizing-backdrop-100);
3591
+ --rls-theme-backdrop-200: var(--rls-amaizing-backdrop-200);
3592
+ --rls-theme-backdrop-300: var(--rls-amaizing-backdrop-300);
3593
+ --rls-theme-backdrop-400: var(--rls-amaizing-backdrop-400);
3594
+ --rls-theme-backdrop-500: var(--rls-amaizing-backdrop-500);
3595
+ --rls-theme-backdrop-600: var(--rls-amaizing-backdrop-600);
3596
+ --rls-theme-backdrop-700: var(--rls-amaizing-backdrop-700);
3597
+ --rls-theme-backdrop-800: var(--rls-amaizing-backdrop-800);
3494
3598
  --rls-theme-backdrop-900: var(--rls-amaizing-backdrop-900);
3495
3599
  --rls-theme-gradient-700: var(--rls-amaizing-gradient-700);
3496
3600
  --rls-theme-gradient-600: var(--rls-amaizing-gradient-600);
@@ -3574,6 +3678,14 @@ body {
3574
3678
  --rls-theme-skeleton-100: var(--rls-purple-skeleton-100);
3575
3679
  --rls-theme-shadow-color-500: var(--rls-purple-shadow-color-500);
3576
3680
  --rls-theme-shadow-500: var(--rls-purple-shadow-500);
3681
+ --rls-theme-backdrop-100: var(--rls-purple-backdrop-100);
3682
+ --rls-theme-backdrop-200: var(--rls-purple-backdrop-200);
3683
+ --rls-theme-backdrop-300: var(--rls-purple-backdrop-300);
3684
+ --rls-theme-backdrop-400: var(--rls-purple-backdrop-400);
3685
+ --rls-theme-backdrop-500: var(--rls-purple-backdrop-500);
3686
+ --rls-theme-backdrop-600: var(--rls-purple-backdrop-600);
3687
+ --rls-theme-backdrop-700: var(--rls-purple-backdrop-700);
3688
+ --rls-theme-backdrop-800: var(--rls-purple-backdrop-800);
3577
3689
  --rls-theme-backdrop-900: var(--rls-purple-backdrop-900);
3578
3690
  --rls-theme-gradient-700: var(--rls-purple-gradient-700);
3579
3691
  --rls-theme-gradient-600: var(--rls-purple-gradient-600);
@@ -3657,6 +3769,14 @@ body {
3657
3769
  --rls-theme-skeleton-100: var(--rls-amber-skeleton-100);
3658
3770
  --rls-theme-shadow-color-500: var(--rls-amber-shadow-color-500);
3659
3771
  --rls-theme-shadow-500: var(--rls-amber-shadow-500);
3772
+ --rls-theme-backdrop-100: var(--rls-amber-backdrop-100);
3773
+ --rls-theme-backdrop-200: var(--rls-amber-backdrop-200);
3774
+ --rls-theme-backdrop-300: var(--rls-amber-backdrop-300);
3775
+ --rls-theme-backdrop-400: var(--rls-amber-backdrop-400);
3776
+ --rls-theme-backdrop-500: var(--rls-amber-backdrop-500);
3777
+ --rls-theme-backdrop-600: var(--rls-amber-backdrop-600);
3778
+ --rls-theme-backdrop-700: var(--rls-amber-backdrop-700);
3779
+ --rls-theme-backdrop-800: var(--rls-amber-backdrop-800);
3660
3780
  --rls-theme-backdrop-900: var(--rls-amber-backdrop-900);
3661
3781
  --rls-theme-gradient-700: var(--rls-amber-gradient-700);
3662
3782
  --rls-theme-gradient-600: var(--rls-amber-gradient-600);
@@ -3713,6 +3833,14 @@ body {
3713
3833
  --rls-theme-skeleton-100: var(--rls-smartness-skeleton-100);
3714
3834
  --rls-theme-shadow-color-500: var(--rls-smartness-shadow-color-500);
3715
3835
  --rls-theme-shadow-500: var(--rls-smartness-shadow-500);
3836
+ --rls-theme-backdrop-100: var(--rls-smartness-backdrop-100);
3837
+ --rls-theme-backdrop-200: var(--rls-smartness-backdrop-200);
3838
+ --rls-theme-backdrop-300: var(--rls-smartness-backdrop-300);
3839
+ --rls-theme-backdrop-400: var(--rls-smartness-backdrop-400);
3840
+ --rls-theme-backdrop-500: var(--rls-smartness-backdrop-500);
3841
+ --rls-theme-backdrop-600: var(--rls-smartness-backdrop-600);
3842
+ --rls-theme-backdrop-700: var(--rls-smartness-backdrop-700);
3843
+ --rls-theme-backdrop-800: var(--rls-smartness-backdrop-800);
3716
3844
  --rls-theme-backdrop-900: var(--rls-smartness-backdrop-900);
3717
3845
  --rls-theme-gradient-700: var(--rls-smartness-gradient-700);
3718
3846
  --rls-theme-gradient-600: var(--rls-smartness-gradient-600);
@@ -3796,6 +3924,14 @@ body {
3796
3924
  --rls-theme-skeleton-100: var(--rls-obsidian-skeleton-100);
3797
3925
  --rls-theme-shadow-color-500: var(--rls-obsidian-shadow-color-500);
3798
3926
  --rls-theme-shadow-500: var(--rls-obsidian-shadow-500);
3927
+ --rls-theme-backdrop-100: var(--rls-obsidian-backdrop-100);
3928
+ --rls-theme-backdrop-200: var(--rls-obsidian-backdrop-200);
3929
+ --rls-theme-backdrop-300: var(--rls-obsidian-backdrop-300);
3930
+ --rls-theme-backdrop-400: var(--rls-obsidian-backdrop-400);
3931
+ --rls-theme-backdrop-500: var(--rls-obsidian-backdrop-500);
3932
+ --rls-theme-backdrop-600: var(--rls-obsidian-backdrop-600);
3933
+ --rls-theme-backdrop-700: var(--rls-obsidian-backdrop-700);
3934
+ --rls-theme-backdrop-800: var(--rls-obsidian-backdrop-800);
3799
3935
  --rls-theme-backdrop-900: var(--rls-obsidian-backdrop-900);
3800
3936
  --rls-theme-gradient-700: var(--rls-obsidian-gradient-700);
3801
3937
  --rls-theme-gradient-600: var(--rls-obsidian-gradient-600);