@simpli-route/apollo-ds 0.0.7 → 0.0.9
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.cjs15.js +1 -1
- package/dist/index.es15.js +22 -20
- package/dist/style.css +69 -65
- package/package.json +1 -1
package/dist/index.cjs15.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("class-variance-authority"),r=e.cva("inline-flex select-none items-center justify-center text-center text-base font-semibold leading-6 transition duration-150 ease-in-out focus:outline-none",{variants:{intent:{primary:"bg-primary-500 text-primary-50",secondary:"border border-primary-500 bg-primary-50 text-primary-500",tertiary:"text-primary-500",outline:"border border-primary-500 text-primary-500",success:"border bg-success-500 text-success-50",error:"border bg-error-500 text-error-50",orangeWarning:"border bg-orange-warning-500 text-orange-warning-50",yellowWarning:"border bg-yellow-warning-500 text-[#6F5711]",info:"border bg-blue-500 text-blue-50"},size:{xs:"rounded px-3 py-1",sm:"rounded px-3 py-2",md:"rounded-lg px-4 py-3",lg:"rounded-lg px-6 py-4"},isDisabled:{true:"pointer-events-none cursor-not-allowed border-none bg-neutral-400 text-neutral-600"},isHovered:{true:""},isActive:{true:""},fullWidth:{true:"w-full",false:"w-fit"},isLoading:{true:"pointer-events-none cursor-not-allowed opacity-70"},isFocused:{true:"focus:outline-none focus:ring-2 focus:ring-sky-400 focus:ring-offset-[0.4px] border-none",false:""}},defaultVariants:{intent:"primary",size:"md"},compoundVariants:[{intent:"primary",isHovered:!0,class:"bg-primary-700"},{intent:"secondary",isHovered:!0,class:"bg-primary-200"},{intent:"tertiary",isHovered:!0,class:"bg-primary-300 text-primary-800"},{intent:"outline",isHovered:!0,class:"bg-primary-500 text-primary-50"},{intent:"success",isHovered:!0,class:"bg-success-700 text-neutral-50"},{intent:"error",isHovered:!0,class:"bg-error-700 text-error-50"},{intent:"orangeWarning",isHovered:!0,class:"bg-orange-warning-700 text-orange-warning-50"},{intent:"yellowWarning",isHovered:!0,class:"bg-yellow-warning-700 text-neutral-50"},{intent:"info",isHovered:!0,class:"bg-blue-700 text-blue-50"},{intent:"success",isFocused:!0,class:"border-[1.5px] focus:ring-success-500"},{intent:"error",isFocused:!0,class:"border-[1.5px] focus:ring-error-500"},{intent:"orangeWarning",isFocused:!0,class:"border-[1.5px] focus:ring-orange-500"},{intent:"yellowWarning",isFocused:!0,class:"border-[1.5px] focus:ring-yellow-500"},{intent:"info",isFocused:!0,class:"border-[1.5px] focus:ring-blue-500"},{intent:"primary",isActive:!0,class:"bg-primary-900"},{intent:"secondary",isActive:!0,class:"bg-primary-300"},{intent:"tertiary",isActive:!0,class:"bg-primary-500 text-white"},{intent:"outline",isActive:!0,class:"border border-primary-500 bg-primary-300 text-primary-500"},{intent:"success",isActive:!0,class:"border border-transparent bg-success-300 text-success-900"},{intent:"error",isActive:!0,class:"border border-transparent bg-error-300 text-error-900"},{intent:"orangeWarning",isActive:!0,class:"border border-transparent bg-orange-warning-300 text-orange-warning-900"},{intent:"yellowWarning",isActive:!0,class:"border border-transparent bg-yellow-warning-300 text-[#6F5711]"},{intent:"info",isActive:!0,class:"border border-transparent bg-blue-200 text-blue-900"}]});exports.buttonVariants=r;
|
package/dist/index.es15.js
CHANGED
|
@@ -8,11 +8,12 @@ const t = r(
|
|
|
8
8
|
secondary: "border border-primary-500 bg-primary-50 text-primary-500",
|
|
9
9
|
tertiary: "text-primary-500",
|
|
10
10
|
outline: "border border-primary-500 text-primary-500",
|
|
11
|
-
success: "border
|
|
12
|
-
error: "border
|
|
13
|
-
orangeWarning: "border
|
|
14
|
-
yellowWarning: "border
|
|
15
|
-
|
|
11
|
+
success: "border bg-success-500 text-success-50",
|
|
12
|
+
error: "border bg-error-500 text-error-50",
|
|
13
|
+
orangeWarning: "border bg-orange-warning-500 text-orange-warning-50",
|
|
14
|
+
yellowWarning: "border bg-yellow-warning-500 text-[#6F5711]",
|
|
15
|
+
//TODO: Este color yellow-warning-900 esta mal en @simpli-route/tailwind-preset, debe borrarse la 'h' al final del color
|
|
16
|
+
info: "border bg-blue-500 text-blue-50"
|
|
16
17
|
},
|
|
17
18
|
size: {
|
|
18
19
|
xs: "rounded px-3 py-1",
|
|
@@ -70,53 +71,53 @@ const t = r(
|
|
|
70
71
|
{
|
|
71
72
|
intent: "success",
|
|
72
73
|
isHovered: !0,
|
|
73
|
-
class: "bg-success-
|
|
74
|
+
class: "bg-success-700 text-neutral-50"
|
|
74
75
|
},
|
|
75
76
|
{
|
|
76
77
|
intent: "error",
|
|
77
78
|
isHovered: !0,
|
|
78
|
-
class: "bg-error-
|
|
79
|
+
class: "bg-error-700 text-error-50"
|
|
79
80
|
},
|
|
80
81
|
{
|
|
81
82
|
intent: "orangeWarning",
|
|
82
83
|
isHovered: !0,
|
|
83
|
-
class: "bg-orange-warning-
|
|
84
|
+
class: "bg-orange-warning-700 text-orange-warning-50"
|
|
84
85
|
},
|
|
85
86
|
{
|
|
86
87
|
intent: "yellowWarning",
|
|
87
88
|
isHovered: !0,
|
|
88
|
-
class: "bg-yellow-warning-
|
|
89
|
+
class: "bg-yellow-warning-700 text-neutral-50"
|
|
89
90
|
},
|
|
90
91
|
{
|
|
91
92
|
intent: "info",
|
|
92
93
|
isHovered: !0,
|
|
93
|
-
class: "bg-
|
|
94
|
+
class: "bg-blue-700 text-blue-50"
|
|
94
95
|
},
|
|
95
96
|
/* /Focus State */
|
|
96
97
|
{
|
|
97
98
|
intent: "success",
|
|
98
99
|
isFocused: !0,
|
|
99
|
-
class: "border-[1.5px] focus:ring-success-
|
|
100
|
+
class: "border-[1.5px] focus:ring-success-500"
|
|
100
101
|
},
|
|
101
102
|
{
|
|
102
103
|
intent: "error",
|
|
103
104
|
isFocused: !0,
|
|
104
|
-
class: "border-[1.5px] focus:ring-error-
|
|
105
|
+
class: "border-[1.5px] focus:ring-error-500"
|
|
105
106
|
},
|
|
106
107
|
{
|
|
107
108
|
intent: "orangeWarning",
|
|
108
109
|
isFocused: !0,
|
|
109
|
-
class: "border-[1.5px] focus:ring-orange-
|
|
110
|
+
class: "border-[1.5px] focus:ring-orange-500"
|
|
110
111
|
},
|
|
111
112
|
{
|
|
112
113
|
intent: "yellowWarning",
|
|
113
114
|
isFocused: !0,
|
|
114
|
-
class: "border-[1.5px] focus:ring-yellow-
|
|
115
|
+
class: "border-[1.5px] focus:ring-yellow-500"
|
|
115
116
|
},
|
|
116
117
|
{
|
|
117
118
|
intent: "info",
|
|
118
119
|
isFocused: !0,
|
|
119
|
-
class: "border-[1.5px] focus:ring-
|
|
120
|
+
class: "border-[1.5px] focus:ring-blue-500"
|
|
120
121
|
},
|
|
121
122
|
/* Active State */
|
|
122
123
|
{
|
|
@@ -142,27 +143,28 @@ const t = r(
|
|
|
142
143
|
{
|
|
143
144
|
intent: "success",
|
|
144
145
|
isActive: !0,
|
|
145
|
-
class: "border border-transparent bg-success-300 text-success-
|
|
146
|
+
class: "border border-transparent bg-success-300 text-success-900"
|
|
146
147
|
},
|
|
147
148
|
{
|
|
148
149
|
intent: "error",
|
|
149
150
|
isActive: !0,
|
|
150
|
-
class: "border border-transparent bg-error-300 text-error-
|
|
151
|
+
class: "border border-transparent bg-error-300 text-error-900"
|
|
151
152
|
},
|
|
152
153
|
{
|
|
153
154
|
intent: "orangeWarning",
|
|
154
155
|
isActive: !0,
|
|
155
|
-
class: "border border-transparent bg-orange-warning-300 text-orange-warning-
|
|
156
|
+
class: "border border-transparent bg-orange-warning-300 text-orange-warning-900"
|
|
156
157
|
},
|
|
157
158
|
{
|
|
158
159
|
intent: "yellowWarning",
|
|
159
160
|
isActive: !0,
|
|
160
|
-
class: "border border-transparent bg-yellow-warning-300 text-
|
|
161
|
+
class: "border border-transparent bg-yellow-warning-300 text-[#6F5711]"
|
|
162
|
+
//TODO: Este color yellow-warning-900 esta mal en @simpli-route/tailwind-preset, debe borrarse la 'h' al final del color
|
|
161
163
|
},
|
|
162
164
|
{
|
|
163
165
|
intent: "info",
|
|
164
166
|
isActive: !0,
|
|
165
|
-
class: "border border-transparent bg-
|
|
167
|
+
class: "border border-transparent bg-blue-200 text-blue-900"
|
|
166
168
|
}
|
|
167
169
|
/* /Active State */
|
|
168
170
|
]
|
package/dist/style.css
CHANGED
|
@@ -896,44 +896,40 @@ select {
|
|
|
896
896
|
.border-none {
|
|
897
897
|
border-style: none;
|
|
898
898
|
}
|
|
899
|
-
.border-error-800 {
|
|
900
|
-
--tw-border-opacity: 1;
|
|
901
|
-
border-color: rgb(94 27 20 / var(--tw-border-opacity));
|
|
902
|
-
}
|
|
903
|
-
.border-orange-warning-800 {
|
|
904
|
-
--tw-border-opacity: 1;
|
|
905
|
-
border-color: rgb(115 54 0 / var(--tw-border-opacity));
|
|
906
|
-
}
|
|
907
899
|
.border-primary-500 {
|
|
908
900
|
--tw-border-opacity: 1;
|
|
909
901
|
border-color: rgb(76 59 239 / var(--tw-border-opacity));
|
|
910
902
|
}
|
|
911
|
-
.border-primary-800 {
|
|
912
|
-
--tw-border-opacity: 1;
|
|
913
|
-
border-color: rgb(23 13 108 / var(--tw-border-opacity));
|
|
914
|
-
}
|
|
915
903
|
.border-purple-200 {
|
|
916
904
|
--tw-border-opacity: 1;
|
|
917
905
|
border-color: rgb(233 213 255 / var(--tw-border-opacity));
|
|
918
906
|
}
|
|
919
|
-
.border-success-800 {
|
|
920
|
-
--tw-border-opacity: 1;
|
|
921
|
-
border-color: rgb(2 96 56 / var(--tw-border-opacity));
|
|
922
|
-
}
|
|
923
907
|
.border-transparent {
|
|
924
908
|
border-color: transparent;
|
|
925
909
|
}
|
|
926
|
-
.
|
|
927
|
-
--tw-
|
|
928
|
-
|
|
910
|
+
.bg-blue-200 {
|
|
911
|
+
--tw-bg-opacity: 1;
|
|
912
|
+
background-color: rgb(168 180 240 / var(--tw-bg-opacity));
|
|
913
|
+
}
|
|
914
|
+
.bg-blue-500 {
|
|
915
|
+
--tw-bg-opacity: 1;
|
|
916
|
+
background-color: rgb(38 68 217 / var(--tw-bg-opacity));
|
|
917
|
+
}
|
|
918
|
+
.bg-blue-700 {
|
|
919
|
+
--tw-bg-opacity: 1;
|
|
920
|
+
background-color: rgb(27 48 152 / var(--tw-bg-opacity));
|
|
929
921
|
}
|
|
930
922
|
.bg-error-300 {
|
|
931
923
|
--tw-bg-opacity: 1;
|
|
932
924
|
background-color: rgb(244 162 154 / var(--tw-bg-opacity));
|
|
933
925
|
}
|
|
934
|
-
.bg-error-
|
|
926
|
+
.bg-error-500 {
|
|
935
927
|
--tw-bg-opacity: 1;
|
|
936
|
-
background-color: rgb(
|
|
928
|
+
background-color: rgb(204 64 51 / var(--tw-bg-opacity));
|
|
929
|
+
}
|
|
930
|
+
.bg-error-700 {
|
|
931
|
+
--tw-bg-opacity: 1;
|
|
932
|
+
background-color: rgb(143 45 36 / var(--tw-bg-opacity));
|
|
937
933
|
}
|
|
938
934
|
.bg-gray-100 {
|
|
939
935
|
--tw-bg-opacity: 1;
|
|
@@ -947,9 +943,13 @@ select {
|
|
|
947
943
|
--tw-bg-opacity: 1;
|
|
948
944
|
background-color: rgb(255 174 102 / var(--tw-bg-opacity));
|
|
949
945
|
}
|
|
950
|
-
.bg-orange-warning-
|
|
946
|
+
.bg-orange-warning-500 {
|
|
947
|
+
--tw-bg-opacity: 1;
|
|
948
|
+
background-color: rgb(230 126 34 / var(--tw-bg-opacity));
|
|
949
|
+
}
|
|
950
|
+
.bg-orange-warning-700 {
|
|
951
951
|
--tw-bg-opacity: 1;
|
|
952
|
-
background-color: rgb(
|
|
952
|
+
background-color: rgb(149 70 0 / var(--tw-bg-opacity));
|
|
953
953
|
}
|
|
954
954
|
.bg-primary-200 {
|
|
955
955
|
--tw-bg-opacity: 1;
|
|
@@ -967,10 +967,6 @@ select {
|
|
|
967
967
|
--tw-bg-opacity: 1;
|
|
968
968
|
background-color: rgb(76 59 239 / var(--tw-bg-opacity));
|
|
969
969
|
}
|
|
970
|
-
.bg-primary-600 {
|
|
971
|
-
--tw-bg-opacity: 1;
|
|
972
|
-
background-color: rgb(42 22 218 / var(--tw-bg-opacity));
|
|
973
|
-
}
|
|
974
970
|
.bg-primary-700 {
|
|
975
971
|
--tw-bg-opacity: 1;
|
|
976
972
|
background-color: rgb(29 13 165 / var(--tw-bg-opacity));
|
|
@@ -983,9 +979,13 @@ select {
|
|
|
983
979
|
--tw-bg-opacity: 1;
|
|
984
980
|
background-color: rgb(114 218 174 / var(--tw-bg-opacity));
|
|
985
981
|
}
|
|
986
|
-
.bg-success-
|
|
982
|
+
.bg-success-500 {
|
|
987
983
|
--tw-bg-opacity: 1;
|
|
988
|
-
background-color: rgb(
|
|
984
|
+
background-color: rgb(31 181 118 / var(--tw-bg-opacity));
|
|
985
|
+
}
|
|
986
|
+
.bg-success-700 {
|
|
987
|
+
--tw-bg-opacity: 1;
|
|
988
|
+
background-color: rgb(0 128 74 / var(--tw-bg-opacity));
|
|
989
989
|
}
|
|
990
990
|
.bg-white {
|
|
991
991
|
--tw-bg-opacity: 1;
|
|
@@ -995,9 +995,13 @@ select {
|
|
|
995
995
|
--tw-bg-opacity: 1;
|
|
996
996
|
background-color: rgb(255 229 152 / var(--tw-bg-opacity));
|
|
997
997
|
}
|
|
998
|
-
.bg-yellow-warning-
|
|
998
|
+
.bg-yellow-warning-500 {
|
|
999
999
|
--tw-bg-opacity: 1;
|
|
1000
|
-
background-color: rgb(
|
|
1000
|
+
background-color: rgb(255 204 51 / var(--tw-bg-opacity));
|
|
1001
|
+
}
|
|
1002
|
+
.bg-yellow-warning-700 {
|
|
1003
|
+
--tw-bg-opacity: 1;
|
|
1004
|
+
background-color: rgb(189 146 15 / var(--tw-bg-opacity));
|
|
1001
1005
|
}
|
|
1002
1006
|
.fill-primary-500 {
|
|
1003
1007
|
fill: #4C3BEF;
|
|
@@ -1089,13 +1093,25 @@ select {
|
|
|
1089
1093
|
.leading-9 {
|
|
1090
1094
|
line-height: 2.25rem;
|
|
1091
1095
|
}
|
|
1092
|
-
.text
|
|
1096
|
+
.text-\[\#6F5711\] {
|
|
1097
|
+
--tw-text-opacity: 1;
|
|
1098
|
+
color: rgb(111 87 17 / var(--tw-text-opacity));
|
|
1099
|
+
}
|
|
1100
|
+
.text-blue-50 {
|
|
1101
|
+
--tw-text-opacity: 1;
|
|
1102
|
+
color: rgb(246 248 252 / var(--tw-text-opacity));
|
|
1103
|
+
}
|
|
1104
|
+
.text-blue-900 {
|
|
1105
|
+
--tw-text-opacity: 1;
|
|
1106
|
+
color: rgb(11 20 65 / var(--tw-text-opacity));
|
|
1107
|
+
}
|
|
1108
|
+
.text-error-50 {
|
|
1093
1109
|
--tw-text-opacity: 1;
|
|
1094
|
-
color: rgb(
|
|
1110
|
+
color: rgb(252 244 244 / var(--tw-text-opacity));
|
|
1095
1111
|
}
|
|
1096
|
-
.text-error-
|
|
1112
|
+
.text-error-900 {
|
|
1097
1113
|
--tw-text-opacity: 1;
|
|
1098
|
-
color: rgb(
|
|
1114
|
+
color: rgb(61 19 15 / var(--tw-text-opacity));
|
|
1099
1115
|
}
|
|
1100
1116
|
.text-neutral-50 {
|
|
1101
1117
|
--tw-text-opacity: 1;
|
|
@@ -1117,13 +1133,13 @@ select {
|
|
|
1117
1133
|
--tw-text-opacity: 1;
|
|
1118
1134
|
color: rgb(34 36 42 / var(--tw-text-opacity));
|
|
1119
1135
|
}
|
|
1120
|
-
.text-orange-warning-
|
|
1136
|
+
.text-orange-warning-50 {
|
|
1121
1137
|
--tw-text-opacity: 1;
|
|
1122
|
-
color: rgb(
|
|
1138
|
+
color: rgb(255 248 243 / var(--tw-text-opacity));
|
|
1123
1139
|
}
|
|
1124
|
-
.text-orange-warning-
|
|
1140
|
+
.text-orange-warning-900 {
|
|
1125
1141
|
--tw-text-opacity: 1;
|
|
1126
|
-
color: rgb(
|
|
1142
|
+
color: rgb(87 41 0 / var(--tw-text-opacity));
|
|
1127
1143
|
}
|
|
1128
1144
|
.text-primary-50 {
|
|
1129
1145
|
--tw-text-opacity: 1;
|
|
@@ -1133,10 +1149,6 @@ select {
|
|
|
1133
1149
|
--tw-text-opacity: 1;
|
|
1134
1150
|
color: rgb(76 59 239 / var(--tw-text-opacity));
|
|
1135
1151
|
}
|
|
1136
|
-
.text-primary-600 {
|
|
1137
|
-
--tw-text-opacity: 1;
|
|
1138
|
-
color: rgb(42 22 218 / var(--tw-text-opacity));
|
|
1139
|
-
}
|
|
1140
1152
|
.text-primary-800 {
|
|
1141
1153
|
--tw-text-opacity: 1;
|
|
1142
1154
|
color: rgb(23 13 108 / var(--tw-text-opacity));
|
|
@@ -1145,26 +1157,18 @@ select {
|
|
|
1145
1157
|
--tw-text-opacity: 1;
|
|
1146
1158
|
color: rgb(12 6 69 / var(--tw-text-opacity));
|
|
1147
1159
|
}
|
|
1148
|
-
.text-success-
|
|
1160
|
+
.text-success-50 {
|
|
1149
1161
|
--tw-text-opacity: 1;
|
|
1150
|
-
color: rgb(
|
|
1162
|
+
color: rgb(233 254 245 / var(--tw-text-opacity));
|
|
1151
1163
|
}
|
|
1152
|
-
.text-success-
|
|
1164
|
+
.text-success-900 {
|
|
1153
1165
|
--tw-text-opacity: 1;
|
|
1154
|
-
color: rgb(
|
|
1166
|
+
color: rgb(3 78 46 / var(--tw-text-opacity));
|
|
1155
1167
|
}
|
|
1156
1168
|
.text-white {
|
|
1157
1169
|
--tw-text-opacity: 1;
|
|
1158
1170
|
color: rgb(255 255 255 / var(--tw-text-opacity));
|
|
1159
1171
|
}
|
|
1160
|
-
.text-yellow-warning-600 {
|
|
1161
|
-
--tw-text-opacity: 1;
|
|
1162
|
-
color: rgb(229 179 26 / var(--tw-text-opacity));
|
|
1163
|
-
}
|
|
1164
|
-
.text-yellow-warning-800 {
|
|
1165
|
-
--tw-text-opacity: 1;
|
|
1166
|
-
color: rgb(146 109 0 / var(--tw-text-opacity));
|
|
1167
|
-
}
|
|
1168
1172
|
.opacity-70 {
|
|
1169
1173
|
opacity: 0.7;
|
|
1170
1174
|
}
|
|
@@ -1223,29 +1227,29 @@ select {
|
|
|
1223
1227
|
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
|
|
1224
1228
|
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
|
|
1225
1229
|
}
|
|
1226
|
-
.focus\:ring-
|
|
1230
|
+
.focus\:ring-blue-500:focus {
|
|
1227
1231
|
--tw-ring-opacity: 1;
|
|
1228
|
-
--tw-ring-color: rgb(
|
|
1232
|
+
--tw-ring-color: rgb(38 68 217 / var(--tw-ring-opacity));
|
|
1229
1233
|
}
|
|
1230
|
-
.focus\:ring-
|
|
1234
|
+
.focus\:ring-error-500:focus {
|
|
1231
1235
|
--tw-ring-opacity: 1;
|
|
1232
|
-
--tw-ring-color: rgb(
|
|
1236
|
+
--tw-ring-color: rgb(204 64 51 / var(--tw-ring-opacity));
|
|
1233
1237
|
}
|
|
1234
|
-
.focus\:ring-
|
|
1238
|
+
.focus\:ring-orange-500:focus {
|
|
1235
1239
|
--tw-ring-opacity: 1;
|
|
1236
|
-
--tw-ring-color: rgb(
|
|
1240
|
+
--tw-ring-color: rgb(249 115 22 / var(--tw-ring-opacity));
|
|
1237
1241
|
}
|
|
1238
1242
|
.focus\:ring-sky-400:focus {
|
|
1239
1243
|
--tw-ring-opacity: 1;
|
|
1240
1244
|
--tw-ring-color: rgb(38 157 217 / var(--tw-ring-opacity));
|
|
1241
1245
|
}
|
|
1242
|
-
.focus\:ring-success-
|
|
1246
|
+
.focus\:ring-success-500:focus {
|
|
1243
1247
|
--tw-ring-opacity: 1;
|
|
1244
|
-
--tw-ring-color: rgb(
|
|
1248
|
+
--tw-ring-color: rgb(31 181 118 / var(--tw-ring-opacity));
|
|
1245
1249
|
}
|
|
1246
|
-
.focus\:ring-yellow-
|
|
1250
|
+
.focus\:ring-yellow-500:focus {
|
|
1247
1251
|
--tw-ring-opacity: 1;
|
|
1248
|
-
--tw-ring-color: rgb(
|
|
1252
|
+
--tw-ring-color: rgb(215 182 18 / var(--tw-ring-opacity));
|
|
1249
1253
|
}
|
|
1250
1254
|
.focus\:ring-offset-\[0\.4px\]:focus {
|
|
1251
1255
|
--tw-ring-offset-width: 0.4px;
|