@juo/orion-extensions 0.11.1 → 0.12.0

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/style.css CHANGED
@@ -963,11 +963,17 @@ video {
963
963
  .h-\[100px\] {
964
964
  height: 100px;
965
965
  }
966
+ .h-\[106px\] {
967
+ height: 106px;
968
+ }
969
+ .h-\[120px\] {
970
+ height: 120px;
971
+ }
966
972
  .h-\[14px\] {
967
973
  height: 14px;
968
974
  }
969
- .h-\[150px\] {
970
- height: 150px;
975
+ .h-\[160px\] {
976
+ height: 160px;
971
977
  }
972
978
  .h-\[16px\] {
973
979
  height: 16px;
@@ -975,12 +981,6 @@ video {
975
981
  .h-\[18px\] {
976
982
  height: 18px;
977
983
  }
978
- .h-\[190px\] {
979
- height: 190px;
980
- }
981
- .h-\[200px\] {
982
- height: 200px;
983
- }
984
984
  .h-\[20px\] {
985
985
  height: 20px;
986
986
  }
@@ -1005,9 +1005,15 @@ video {
1005
1005
  .h-\[40px\] {
1006
1006
  height: 40px;
1007
1007
  }
1008
+ .h-\[48px\] {
1009
+ height: 48px;
1010
+ }
1008
1011
  .h-\[52px\] {
1009
1012
  height: 52px;
1010
1013
  }
1014
+ .h-\[72px\] {
1015
+ height: 72px;
1016
+ }
1011
1017
  .h-\[7px\] {
1012
1018
  height: 7px;
1013
1019
  }
@@ -1107,18 +1113,21 @@ video {
1107
1113
  .w-9 {
1108
1114
  width: 36px;
1109
1115
  }
1116
+ .w-\[106px\] {
1117
+ width: 106px;
1118
+ }
1119
+ .w-\[120px\] {
1120
+ width: 120px;
1121
+ }
1110
1122
  .w-\[14px\] {
1111
1123
  width: 14px;
1112
1124
  }
1113
- .w-\[150px\] {
1114
- width: 150px;
1125
+ .w-\[160px\] {
1126
+ width: 160px;
1115
1127
  }
1116
1128
  .w-\[18px\] {
1117
1129
  width: 18px;
1118
1130
  }
1119
- .w-\[190px\] {
1120
- width: 190px;
1121
- }
1122
1131
  .w-\[200px\] {
1123
1132
  width: 200px;
1124
1133
  }
@@ -1140,8 +1149,11 @@ video {
1140
1149
  .w-\[36px\] {
1141
1150
  width: 36px;
1142
1151
  }
1143
- .w-\[404px\] {
1144
- width: 404px;
1152
+ .w-\[48px\] {
1153
+ width: 48px;
1154
+ }
1155
+ .w-\[72px\] {
1156
+ width: 72px;
1145
1157
  }
1146
1158
  .w-\[7px\] {
1147
1159
  width: 7px;
@@ -1161,6 +1173,9 @@ video {
1161
1173
  .w-\[var\(--text-xs\)\] {
1162
1174
  width: var(--text-xs);
1163
1175
  }
1176
+ .w-auto {
1177
+ width: auto;
1178
+ }
1164
1179
  .w-fit {
1165
1180
  width: -moz-fit-content;
1166
1181
  width: fit-content;
@@ -1195,6 +1210,12 @@ video {
1195
1210
  .min-w-\[63\.6px\] {
1196
1211
  min-width: 63.6px;
1197
1212
  }
1213
+ .min-w-\[72px\] {
1214
+ min-width: 72px;
1215
+ }
1216
+ .min-w-\[96px\] {
1217
+ min-width: 96px;
1218
+ }
1198
1219
  .min-w-\[calc\(var\(--reka-select-trigger-width\)_-_15px\)\] {
1199
1220
  min-width: calc(var(--reka-select-trigger-width) - 15px);
1200
1221
  }
@@ -1445,9 +1466,6 @@ video {
1445
1466
  .self-end {
1446
1467
  align-self: flex-end;
1447
1468
  }
1448
- .self-stretch {
1449
- align-self: stretch;
1450
- }
1451
1469
  .overflow-hidden {
1452
1470
  overflow: hidden;
1453
1471
  }
@@ -2065,11 +2083,8 @@ video {
2065
2083
  .pl-\[3px\] {
2066
2084
  padding-left: 3px;
2067
2085
  }
2068
- .pl-lg {
2069
- padding-left: var(--padding-lg);
2070
- }
2071
- .pl-xl {
2072
- padding-left: var(--padding-xl);
2086
+ .pl-md {
2087
+ padding-left: var(--padding-md);
2073
2088
  }
2074
2089
  .pr-10 {
2075
2090
  padding-right: 40px;
@@ -2092,6 +2107,9 @@ video {
2092
2107
  .pr-lg {
2093
2108
  padding-right: var(--padding-lg);
2094
2109
  }
2110
+ .pr-md {
2111
+ padding-right: var(--padding-md);
2112
+ }
2095
2113
  .pt-2 {
2096
2114
  padding-top: 8px;
2097
2115
  }
@@ -2782,20 +2800,97 @@ video {
2782
2800
  --tw-ring-opacity: 1;
2783
2801
  --tw-ring-color: rgb(252 165 165 / var(--tw-ring-opacity));
2784
2802
  }
2803
+ @media not all and (min-width: 640px) {
2804
+ .max-sm\:mb-md {
2805
+ margin-bottom: var(--spacing-md);
2806
+ }
2807
+ .max-sm\:mr-md {
2808
+ margin-right: var(--spacing-md);
2809
+ }
2810
+ .max-sm\:mt-md {
2811
+ margin-top: var(--spacing-md);
2812
+ }
2813
+ .max-sm\:self-center {
2814
+ align-self: center;
2815
+ }
2816
+ .max-sm\:\!p-md {
2817
+ padding: var(--padding-md) !important;
2818
+ }
2819
+ }
2785
2820
  @media (min-width: 640px) {
2786
2821
  .sm\:mx-0 {
2787
2822
  margin-left: 0px;
2788
2823
  margin-right: 0px;
2789
2824
  }
2825
+ .sm\:block {
2826
+ display: block;
2827
+ }
2828
+ .sm\:inline-block {
2829
+ display: inline-block;
2830
+ }
2831
+ .sm\:hidden {
2832
+ display: none;
2833
+ }
2834
+ .sm\:h-\[120px\] {
2835
+ height: 120px;
2836
+ }
2837
+ .sm\:h-\[150px\] {
2838
+ height: 150px;
2839
+ }
2840
+ .sm\:h-\[190px\] {
2841
+ height: 190px;
2842
+ }
2843
+ .sm\:h-\[200px\] {
2844
+ height: 200px;
2845
+ }
2846
+ .sm\:h-\[30px\] {
2847
+ height: 30px;
2848
+ }
2849
+ .sm\:h-\[96px\] {
2850
+ height: 96px;
2851
+ }
2852
+ .sm\:h-auto {
2853
+ height: auto;
2854
+ }
2855
+ .sm\:h-full {
2856
+ height: 100%;
2857
+ }
2790
2858
  .sm\:w-\[100vw\] {
2791
2859
  width: 100vw;
2792
2860
  }
2861
+ .sm\:w-\[120px\] {
2862
+ width: 120px;
2863
+ }
2864
+ .sm\:w-\[150px\] {
2865
+ width: 150px;
2866
+ }
2867
+ .sm\:w-\[190px\] {
2868
+ width: 190px;
2869
+ }
2870
+ .sm\:w-\[200px\] {
2871
+ width: 200px;
2872
+ }
2873
+ .sm\:w-\[96px\] {
2874
+ width: 96px;
2875
+ }
2876
+ .sm\:w-full {
2877
+ width: 100%;
2878
+ }
2879
+ .sm\:min-w-\[190px\] {
2880
+ min-width: 190px;
2881
+ }
2793
2882
  .sm\:max-w-lg {
2794
2883
  max-width: 512px;
2795
2884
  }
2796
2885
  .sm\:max-w-xl {
2797
2886
  max-width: 576px;
2798
2887
  }
2888
+ .sm\:flex-1 {
2889
+ flex: 1 1 0%;
2890
+ }
2891
+ .sm\:shrink {
2892
+ flex-shrink: 1;
2893
+ }
2799
2894
  .sm\:translate-y-0 {
2800
2895
  --tw-translate-y: 0px;
2801
2896
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
@@ -2814,13 +2909,87 @@ video {
2814
2909
  --tw-scale-y: .95;
2815
2910
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
2816
2911
  }
2912
+ .sm\:flex-row {
2913
+ flex-direction: row;
2914
+ }
2915
+ .sm\:flex-col {
2916
+ flex-direction: column;
2917
+ }
2918
+ .sm\:items-stretch {
2919
+ align-items: stretch;
2920
+ }
2921
+ .sm\:justify-between {
2922
+ justify-content: space-between;
2923
+ }
2924
+ .sm\:gap-0 {
2925
+ gap: 0px;
2926
+ }
2927
+ .sm\:gap-3xl {
2928
+ gap: var(--spacing-3xl);
2929
+ }
2930
+ .sm\:gap-lg {
2931
+ gap: var(--spacing-lg);
2932
+ }
2933
+ .sm\:self-auto {
2934
+ align-self: auto;
2935
+ }
2936
+ .sm\:self-stretch {
2937
+ align-self: stretch;
2938
+ }
2939
+ .sm\:rounded-md {
2940
+ border-radius: var(--radius-md);
2941
+ }
2942
+ .sm\:bg-callout-300 {
2943
+ background-color: var(--callout-300);
2944
+ }
2945
+ .sm\:p-0 {
2946
+ padding: 0px;
2947
+ }
2948
+ .sm\:p-lg {
2949
+ padding: var(--padding-lg);
2950
+ }
2951
+ .sm\:p-md {
2952
+ padding: var(--padding-md);
2953
+ }
2817
2954
  .sm\:px-0 {
2818
2955
  padding-left: 0px;
2819
2956
  padding-right: 0px;
2820
2957
  }
2958
+ .sm\:px-2xl {
2959
+ padding-left: var(--padding-2xl);
2960
+ padding-right: var(--padding-2xl);
2961
+ }
2962
+ .sm\:px-lg {
2963
+ padding-left: var(--padding-lg);
2964
+ padding-right: var(--padding-lg);
2965
+ }
2966
+ .sm\:py-0 {
2967
+ padding-top: 0px;
2968
+ padding-bottom: 0px;
2969
+ }
2970
+ .sm\:py-md {
2971
+ padding-top: var(--padding-md);
2972
+ padding-bottom: var(--padding-md);
2973
+ }
2974
+ .sm\:py-sm {
2975
+ padding-top: var(--padding-sm);
2976
+ padding-bottom: var(--padding-sm);
2977
+ }
2978
+ .sm\:pl-lg {
2979
+ padding-left: var(--padding-lg);
2980
+ }
2981
+ .sm\:pl-xl {
2982
+ padding-left: var(--padding-xl);
2983
+ }
2984
+ .sm\:pr-0 {
2985
+ padding-right: 0px;
2986
+ }
2821
2987
  .sm\:text-2xl {
2822
2988
  font-size: var(--text-2xl);
2823
2989
  }
2990
+ .sm\:text-md {
2991
+ font-size: var(--text-md);
2992
+ }
2824
2993
  }
2825
2994
  @media (min-width: 768px) {
2826
2995
  .md\:ml-auto {
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@juo/orion-extensions",
3
3
  "private": false,
4
- "version": "0.11.1",
4
+ "version": "0.12.0",
5
5
  "type": "module",
6
6
  "files": [
7
7
  "dist"
@@ -43,8 +43,8 @@
43
43
  "tailwind-merge": "3.2.0",
44
44
  "tailwindcss": "3.3.5",
45
45
  "vue": "3.5.13",
46
- "@juo/orion-core": "0.17.1",
47
- "@juo/customer-ui": "0.3.0"
46
+ "@juo/customer-ui": "0.4.0",
47
+ "@juo/orion-core": "0.18.0"
48
48
  },
49
49
  "scripts": {
50
50
  "dev": "vite build -w",