@reitwagen/design-components 0.7.0 → 0.7.2
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.
|
@@ -7,7 +7,7 @@ exports.buttonVariants = (0, class_variance_authority_1.cva)("ui:flex ui:items-c
|
|
|
7
7
|
variant: {
|
|
8
8
|
solid: "ui:transition-colors ui:duration-300",
|
|
9
9
|
outlined: "ui:transition-colors ui:duration-300",
|
|
10
|
-
text: "ui:transition-colors ui:duration-300",
|
|
10
|
+
text: "ui:transition-colors ui:duration-300 ui:border-none ui:outline-0 ui:ring-0",
|
|
11
11
|
},
|
|
12
12
|
color: {
|
|
13
13
|
primary: "",
|
|
@@ -9,7 +9,7 @@ exports.inputVariants = (0, class_variance_authority_1.cva)("ui:h-[50px] ui:bg-w
|
|
|
9
9
|
error: "ui:border-red-200 ui:bg-red-50",
|
|
10
10
|
},
|
|
11
11
|
disabled: {
|
|
12
|
-
true: "ui:cursor-not-allowed ui:bg-gray-50 ui:border-gray-100 ui:text-gray-500 ui:placeholder:text-300",
|
|
12
|
+
true: "ui:cursor-not-allowed ui:bg-gray-50 ui:border-gray-100 ui:text-gray-500 ui:placeholder:text-gray-300",
|
|
13
13
|
false: "",
|
|
14
14
|
},
|
|
15
15
|
},
|
package/dist/index.css
CHANGED
|
@@ -473,6 +473,10 @@
|
|
|
473
473
|
border-style: var(--tw-border-style);
|
|
474
474
|
border-width: 1.5px;
|
|
475
475
|
}
|
|
476
|
+
.ui\:border-none {
|
|
477
|
+
--tw-border-style: none;
|
|
478
|
+
border-style: none;
|
|
479
|
+
}
|
|
476
480
|
.ui\:border-blue-300 {
|
|
477
481
|
border-color: var(--ui-color-blue-300);
|
|
478
482
|
}
|
|
@@ -756,6 +760,10 @@
|
|
|
756
760
|
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
|
|
757
761
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
758
762
|
}
|
|
763
|
+
.ui\:outline-0 {
|
|
764
|
+
outline-style: var(--tw-outline-style);
|
|
765
|
+
outline-width: 0px;
|
|
766
|
+
}
|
|
759
767
|
.ui\:transition-colors {
|
|
760
768
|
transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
|
|
761
769
|
transition-timing-function: var(--tw-ease, var(--ui-default-transition-timing-function));
|
|
@@ -790,6 +798,11 @@
|
|
|
790
798
|
font-weight: var(--tw-font-weight, var(--ui-text-body4--font-weight));
|
|
791
799
|
}
|
|
792
800
|
}
|
|
801
|
+
.ui\:placeholder\:text-gray-300 {
|
|
802
|
+
&::placeholder {
|
|
803
|
+
color: var(--ui-color-gray-300);
|
|
804
|
+
}
|
|
805
|
+
}
|
|
793
806
|
.ui\:placeholder\:text-gray-500 {
|
|
794
807
|
&::placeholder {
|
|
795
808
|
color: var(--ui-color-gray-500);
|
|
@@ -1154,6 +1167,11 @@
|
|
|
1154
1167
|
inherits: false;
|
|
1155
1168
|
initial-value: 0 0 #0000;
|
|
1156
1169
|
}
|
|
1170
|
+
@property --tw-outline-style {
|
|
1171
|
+
syntax: "*";
|
|
1172
|
+
inherits: false;
|
|
1173
|
+
initial-value: solid;
|
|
1174
|
+
}
|
|
1157
1175
|
@property --tw-duration {
|
|
1158
1176
|
syntax: "*";
|
|
1159
1177
|
inherits: false;
|
|
@@ -1180,6 +1198,7 @@
|
|
|
1180
1198
|
--tw-ring-offset-width: 0px;
|
|
1181
1199
|
--tw-ring-offset-color: #fff;
|
|
1182
1200
|
--tw-ring-offset-shadow: 0 0 #0000;
|
|
1201
|
+
--tw-outline-style: solid;
|
|
1183
1202
|
--tw-duration: initial;
|
|
1184
1203
|
}
|
|
1185
1204
|
}
|