@luscii-healthtech/web-ui 47.0.2 → 47.0.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.
@@ -24,10 +24,12 @@
24
24
  --ui-primitive-color-red-900: #8d1515;
25
25
  --ui-primitive-dimension-0: 0;
26
26
  --ui-primitive-dimension-0-5: 2px;
27
+ --ui-primitive-dimension-1: 4px;
27
28
  --ui-primitive-dimension-10: 40px;
28
29
  --ui-primitive-dimension-11: 44px;
29
30
  --ui-primitive-dimension-12: 48px;
30
31
  --ui-primitive-dimension-2: 8px;
32
+ --ui-primitive-dimension-3: 12px;
31
33
  --ui-primitive-dimension-4: 16px;
32
34
  --ui-primitive-dimension-6: 24px;
33
35
  --ui-primitive-dimension-8: 32px;
@@ -60,7 +62,9 @@
60
62
  --ui-semantic-spacing-4xl: var(--ui-primitive-dimension-12);
61
63
  --ui-semantic-spacing-base: var(--ui-primitive-dimension-2);
62
64
  --ui-semantic-spacing-l: var(--ui-primitive-dimension-4);
65
+ --ui-semantic-spacing-m: var(--ui-primitive-dimension-3);
63
66
  --ui-semantic-spacing-none: var(--ui-primitive-dimension-0);
67
+ --ui-semantic-spacing-s: var(--ui-primitive-dimension-1);
64
68
  --ui-semantic-spacing-xl: var(--ui-primitive-dimension-6);
65
69
  --ui-semantic-spacing-xs: var(--ui-primitive-dimension-0-5);
66
70
  --ui-semantic-size-s: var(--ui-primitive-dimension-4);
@@ -616,13 +620,13 @@ button, input:where([type='button'], [type='reset'], [type='submit']), ::file-se
616
620
  margin: var(--ui-semantic-spacing-l);
617
621
  }
618
622
  .ui\:m-f_m {
619
- margin: var(--ui-semantic-spacing-md);
623
+ margin: var(--ui-semantic-spacing-m);
620
624
  }
621
625
  .ui\:m-f_none {
622
626
  margin: var(--ui-semantic-spacing-none);
623
627
  }
624
628
  .ui\:m-f_s {
625
- margin: var(--ui-semantic-spacing-sm);
629
+ margin: var(--ui-semantic-spacing-s);
626
630
  }
627
631
  .ui\:m-f_xl {
628
632
  margin: var(--ui-semantic-spacing-xl);
@@ -694,13 +698,13 @@ button, input:where([type='button'], [type='reset'], [type='submit']), ::file-se
694
698
  margin-inline: var(--ui-semantic-spacing-l);
695
699
  }
696
700
  .ui\:mx-f_m {
697
- margin-inline: var(--ui-semantic-spacing-md);
701
+ margin-inline: var(--ui-semantic-spacing-m);
698
702
  }
699
703
  .ui\:mx-f_none {
700
704
  margin-inline: var(--ui-semantic-spacing-none);
701
705
  }
702
706
  .ui\:mx-f_s {
703
- margin-inline: var(--ui-semantic-spacing-sm);
707
+ margin-inline: var(--ui-semantic-spacing-s);
704
708
  }
705
709
  .ui\:mx-f_xl {
706
710
  margin-inline: var(--ui-semantic-spacing-xl);
@@ -778,13 +782,13 @@ button, input:where([type='button'], [type='reset'], [type='submit']), ::file-se
778
782
  margin-block: var(--ui-semantic-spacing-l);
779
783
  }
780
784
  .ui\:my-f_m {
781
- margin-block: var(--ui-semantic-spacing-md);
785
+ margin-block: var(--ui-semantic-spacing-m);
782
786
  }
783
787
  .ui\:my-f_none {
784
788
  margin-block: var(--ui-semantic-spacing-none);
785
789
  }
786
790
  .ui\:my-f_s {
787
- margin-block: var(--ui-semantic-spacing-sm);
791
+ margin-block: var(--ui-semantic-spacing-s);
788
792
  }
789
793
  .ui\:my-f_xl {
790
794
  margin-block: var(--ui-semantic-spacing-xl);
@@ -859,13 +863,13 @@ button, input:where([type='button'], [type='reset'], [type='submit']), ::file-se
859
863
  margin-top: var(--ui-semantic-spacing-l);
860
864
  }
861
865
  .ui\:mt-f_m {
862
- margin-top: var(--ui-semantic-spacing-md);
866
+ margin-top: var(--ui-semantic-spacing-m);
863
867
  }
864
868
  .ui\:mt-f_none {
865
869
  margin-top: var(--ui-semantic-spacing-none);
866
870
  }
867
871
  .ui\:mt-f_s {
868
- margin-top: var(--ui-semantic-spacing-sm);
872
+ margin-top: var(--ui-semantic-spacing-s);
869
873
  }
870
874
  .ui\:mt-f_xl {
871
875
  margin-top: var(--ui-semantic-spacing-xl);
@@ -937,13 +941,13 @@ button, input:where([type='button'], [type='reset'], [type='submit']), ::file-se
937
941
  margin-right: var(--ui-semantic-spacing-l);
938
942
  }
939
943
  .ui\:mr-f_m {
940
- margin-right: var(--ui-semantic-spacing-md);
944
+ margin-right: var(--ui-semantic-spacing-m);
941
945
  }
942
946
  .ui\:mr-f_none {
943
947
  margin-right: var(--ui-semantic-spacing-none);
944
948
  }
945
949
  .ui\:mr-f_s {
946
- margin-right: var(--ui-semantic-spacing-sm);
950
+ margin-right: var(--ui-semantic-spacing-s);
947
951
  }
948
952
  .ui\:mr-f_xl {
949
953
  margin-right: var(--ui-semantic-spacing-xl);
@@ -1018,13 +1022,13 @@ button, input:where([type='button'], [type='reset'], [type='submit']), ::file-se
1018
1022
  margin-bottom: var(--ui-semantic-spacing-l);
1019
1023
  }
1020
1024
  .ui\:mb-f_m {
1021
- margin-bottom: var(--ui-semantic-spacing-md);
1025
+ margin-bottom: var(--ui-semantic-spacing-m);
1022
1026
  }
1023
1027
  .ui\:mb-f_none {
1024
1028
  margin-bottom: var(--ui-semantic-spacing-none);
1025
1029
  }
1026
1030
  .ui\:mb-f_s {
1027
- margin-bottom: var(--ui-semantic-spacing-sm);
1031
+ margin-bottom: var(--ui-semantic-spacing-s);
1028
1032
  }
1029
1033
  .ui\:mb-f_xl {
1030
1034
  margin-bottom: var(--ui-semantic-spacing-xl);
@@ -1123,13 +1127,13 @@ button, input:where([type='button'], [type='reset'], [type='submit']), ::file-se
1123
1127
  margin-left: var(--ui-semantic-spacing-l);
1124
1128
  }
1125
1129
  .ui\:ml-f_m {
1126
- margin-left: var(--ui-semantic-spacing-md);
1130
+ margin-left: var(--ui-semantic-spacing-m);
1127
1131
  }
1128
1132
  .ui\:ml-f_none {
1129
1133
  margin-left: var(--ui-semantic-spacing-none);
1130
1134
  }
1131
1135
  .ui\:ml-f_s {
1132
- margin-left: var(--ui-semantic-spacing-sm);
1136
+ margin-left: var(--ui-semantic-spacing-s);
1133
1137
  }
1134
1138
  .ui\:ml-f_xl {
1135
1139
  margin-left: var(--ui-semantic-spacing-xl);
@@ -2013,13 +2017,13 @@ button, input:where([type='button'], [type='reset'], [type='submit']), ::file-se
2013
2017
  gap: var(--ui-semantic-spacing-l);
2014
2018
  }
2015
2019
  .ui\:gap-f_m {
2016
- gap: var(--ui-semantic-spacing-md);
2020
+ gap: var(--ui-semantic-spacing-m);
2017
2021
  }
2018
2022
  .ui\:gap-f_none {
2019
2023
  gap: var(--ui-semantic-spacing-none);
2020
2024
  }
2021
2025
  .ui\:gap-f_s {
2022
- gap: var(--ui-semantic-spacing-sm);
2026
+ gap: var(--ui-semantic-spacing-s);
2023
2027
  }
2024
2028
  .ui\:gap-f_xl {
2025
2029
  gap: var(--ui-semantic-spacing-xl);
@@ -2610,6 +2614,9 @@ button, input:where([type='button'], [type='reset'], [type='submit']), ::file-se
2610
2614
  .ui\:bg-negative-background {
2611
2615
  background-color: var(--ui-color-red-200);
2612
2616
  }
2617
+ .ui\:bg-negative-solid {
2618
+ background-color: var(--ui-color-red-400);
2619
+ }
2613
2620
  .ui\:bg-neutral-200 {
2614
2621
  background-color: var(--ui-color-slate-200);
2615
2622
  }
@@ -2631,6 +2638,9 @@ button, input:where([type='button'], [type='reset'], [type='submit']), ::file-se
2631
2638
  .ui\:bg-positive-background {
2632
2639
  background-color: var(--ui-color-green-200);
2633
2640
  }
2641
+ .ui\:bg-positive-solid {
2642
+ background-color: var(--ui-color-green-400);
2643
+ }
2634
2644
  .ui\:bg-primary {
2635
2645
  background-color: var(--ui-color-blue-800);
2636
2646
  }
@@ -2814,13 +2824,13 @@ button, input:where([type='button'], [type='reset'], [type='submit']), ::file-se
2814
2824
  padding: var(--ui-semantic-spacing-l);
2815
2825
  }
2816
2826
  .ui\:p-f_m {
2817
- padding: var(--ui-semantic-spacing-md);
2827
+ padding: var(--ui-semantic-spacing-m);
2818
2828
  }
2819
2829
  .ui\:p-f_none {
2820
2830
  padding: var(--ui-semantic-spacing-none);
2821
2831
  }
2822
2832
  .ui\:p-f_s {
2823
- padding: var(--ui-semantic-spacing-sm);
2833
+ padding: var(--ui-semantic-spacing-s);
2824
2834
  }
2825
2835
  .ui\:p-f_xl {
2826
2836
  padding: var(--ui-semantic-spacing-xl);
@@ -2913,13 +2923,13 @@ button, input:where([type='button'], [type='reset'], [type='submit']), ::file-se
2913
2923
  padding-inline: var(--ui-semantic-spacing-l);
2914
2924
  }
2915
2925
  .ui\:px-f_m {
2916
- padding-inline: var(--ui-semantic-spacing-md);
2926
+ padding-inline: var(--ui-semantic-spacing-m);
2917
2927
  }
2918
2928
  .ui\:px-f_none {
2919
2929
  padding-inline: var(--ui-semantic-spacing-none);
2920
2930
  }
2921
2931
  .ui\:px-f_s {
2922
- padding-inline: var(--ui-semantic-spacing-sm);
2932
+ padding-inline: var(--ui-semantic-spacing-s);
2923
2933
  }
2924
2934
  .ui\:px-f_xl {
2925
2935
  padding-inline: var(--ui-semantic-spacing-xl);
@@ -3015,13 +3025,13 @@ button, input:where([type='button'], [type='reset'], [type='submit']), ::file-se
3015
3025
  padding-block: var(--ui-semantic-spacing-l);
3016
3026
  }
3017
3027
  .ui\:py-f_m {
3018
- padding-block: var(--ui-semantic-spacing-md);
3028
+ padding-block: var(--ui-semantic-spacing-m);
3019
3029
  }
3020
3030
  .ui\:py-f_none {
3021
3031
  padding-block: var(--ui-semantic-spacing-none);
3022
3032
  }
3023
3033
  .ui\:py-f_s {
3024
- padding-block: var(--ui-semantic-spacing-sm);
3034
+ padding-block: var(--ui-semantic-spacing-s);
3025
3035
  }
3026
3036
  .ui\:py-f_xl {
3027
3037
  padding-block: var(--ui-semantic-spacing-xl);
@@ -3084,13 +3094,13 @@ button, input:where([type='button'], [type='reset'], [type='submit']), ::file-se
3084
3094
  padding-top: var(--ui-semantic-spacing-l);
3085
3095
  }
3086
3096
  .ui\:pt-f_m {
3087
- padding-top: var(--ui-semantic-spacing-md);
3097
+ padding-top: var(--ui-semantic-spacing-m);
3088
3098
  }
3089
3099
  .ui\:pt-f_none {
3090
3100
  padding-top: var(--ui-semantic-spacing-none);
3091
3101
  }
3092
3102
  .ui\:pt-f_s {
3093
- padding-top: var(--ui-semantic-spacing-sm);
3103
+ padding-top: var(--ui-semantic-spacing-s);
3094
3104
  }
3095
3105
  .ui\:pt-f_xl {
3096
3106
  padding-top: var(--ui-semantic-spacing-xl);
@@ -3153,13 +3163,13 @@ button, input:where([type='button'], [type='reset'], [type='submit']), ::file-se
3153
3163
  padding-right: var(--ui-semantic-spacing-l);
3154
3164
  }
3155
3165
  .ui\:pr-f_m {
3156
- padding-right: var(--ui-semantic-spacing-md);
3166
+ padding-right: var(--ui-semantic-spacing-m);
3157
3167
  }
3158
3168
  .ui\:pr-f_none {
3159
3169
  padding-right: var(--ui-semantic-spacing-none);
3160
3170
  }
3161
3171
  .ui\:pr-f_s {
3162
- padding-right: var(--ui-semantic-spacing-sm);
3172
+ padding-right: var(--ui-semantic-spacing-s);
3163
3173
  }
3164
3174
  .ui\:pr-f_xl {
3165
3175
  padding-right: var(--ui-semantic-spacing-xl);
@@ -3222,13 +3232,13 @@ button, input:where([type='button'], [type='reset'], [type='submit']), ::file-se
3222
3232
  padding-bottom: var(--ui-semantic-spacing-l);
3223
3233
  }
3224
3234
  .ui\:pb-f_m {
3225
- padding-bottom: var(--ui-semantic-spacing-md);
3235
+ padding-bottom: var(--ui-semantic-spacing-m);
3226
3236
  }
3227
3237
  .ui\:pb-f_none {
3228
3238
  padding-bottom: var(--ui-semantic-spacing-none);
3229
3239
  }
3230
3240
  .ui\:pb-f_s {
3231
- padding-bottom: var(--ui-semantic-spacing-sm);
3241
+ padding-bottom: var(--ui-semantic-spacing-s);
3232
3242
  }
3233
3243
  .ui\:pb-f_xl {
3234
3244
  padding-bottom: var(--ui-semantic-spacing-xl);
@@ -3297,13 +3307,13 @@ button, input:where([type='button'], [type='reset'], [type='submit']), ::file-se
3297
3307
  padding-left: var(--ui-semantic-spacing-l);
3298
3308
  }
3299
3309
  .ui\:pl-f_m {
3300
- padding-left: var(--ui-semantic-spacing-md);
3310
+ padding-left: var(--ui-semantic-spacing-m);
3301
3311
  }
3302
3312
  .ui\:pl-f_none {
3303
3313
  padding-left: var(--ui-semantic-spacing-none);
3304
3314
  }
3305
3315
  .ui\:pl-f_s {
3306
- padding-left: var(--ui-semantic-spacing-sm);
3316
+ padding-left: var(--ui-semantic-spacing-s);
3307
3317
  }
3308
3318
  .ui\:pl-f_xl {
3309
3319
  padding-left: var(--ui-semantic-spacing-xl);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@luscii-healthtech/web-ui",
3
- "version": "47.0.2",
3
+ "version": "47.0.3",
4
4
  "license": "MIT",
5
5
  "author": {
6
6
  "name": "Joris Janssen"