@reitwagen/design-components 0.7.1 → 0.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.
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc;;;;;;
|
|
1
|
+
{"version":3,"file":"Button.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc;;;;;;8EAmJ1B,CAAC"}
|
|
@@ -5,9 +5,9 @@ const class_variance_authority_1 = require("class-variance-authority");
|
|
|
5
5
|
exports.buttonVariants = (0, class_variance_authority_1.cva)("ui:flex ui:items-center ui:justify-center ui:gap-1.5 ui:select-none", {
|
|
6
6
|
variants: {
|
|
7
7
|
variant: {
|
|
8
|
-
solid: "ui:transition-colors ui:duration-300",
|
|
9
|
-
outlined: "ui:transition-colors ui:duration-300",
|
|
10
|
-
text: "ui:transition-colors ui:duration-300",
|
|
8
|
+
solid: "ui:transition-colors ui:duration-300 ui:outline-0",
|
|
9
|
+
outlined: "ui:transition-colors ui:duration-300 outline-0 ui:ring-0",
|
|
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: "",
|
|
@@ -16,9 +16,9 @@ exports.buttonVariants = (0, class_variance_authority_1.cva)("ui:flex ui:items-c
|
|
|
16
16
|
sky: "",
|
|
17
17
|
},
|
|
18
18
|
size: {
|
|
19
|
-
large: "ui:text-button1 ui:rounded-[14px] ui:h-[52px] ui:px-6 ui:py-3.5",
|
|
20
|
-
medium: "ui:text-button2 ui:rounded-xl ui:h-10 ui:px-5 ui:py-2.5",
|
|
21
|
-
small: "ui:text-button3 ui:rounded-[10px] ui:h-[34px] ui:px-3.5 ui:py-2",
|
|
19
|
+
large: "ui:text-button1 ui:rounded-[14px] ui:max-h-[52px] ui:min-h-[52px] ui:h-[52px] ui:px-6 ui:py-3.5",
|
|
20
|
+
medium: "ui:text-button2 ui:rounded-xl ui:max-h-10 ui:min-h-10 ui:h-10 ui:px-5 ui:py-2.5",
|
|
21
|
+
small: "ui:text-button3 ui:rounded-[10px] ui:max-h-[34px] ui:min-h-[34px] ui:h-[34px] ui:px-3.5 ui:py-2",
|
|
22
22
|
},
|
|
23
23
|
disabled: {
|
|
24
24
|
true: "ui:pointer-events-none",
|
package/dist/index.css
CHANGED
|
@@ -353,6 +353,24 @@
|
|
|
353
353
|
.ui\:h-px {
|
|
354
354
|
height: 1px;
|
|
355
355
|
}
|
|
356
|
+
.ui\:max-h-10 {
|
|
357
|
+
max-height: calc(var(--ui-spacing) * 10);
|
|
358
|
+
}
|
|
359
|
+
.ui\:max-h-\[34px\] {
|
|
360
|
+
max-height: 34px;
|
|
361
|
+
}
|
|
362
|
+
.ui\:max-h-\[52px\] {
|
|
363
|
+
max-height: 52px;
|
|
364
|
+
}
|
|
365
|
+
.ui\:min-h-10 {
|
|
366
|
+
min-height: calc(var(--ui-spacing) * 10);
|
|
367
|
+
}
|
|
368
|
+
.ui\:min-h-\[34px\] {
|
|
369
|
+
min-height: 34px;
|
|
370
|
+
}
|
|
371
|
+
.ui\:min-h-\[52px\] {
|
|
372
|
+
min-height: 52px;
|
|
373
|
+
}
|
|
356
374
|
.ui\:w-3 {
|
|
357
375
|
width: calc(var(--ui-spacing) * 3);
|
|
358
376
|
}
|
|
@@ -473,6 +491,10 @@
|
|
|
473
491
|
border-style: var(--tw-border-style);
|
|
474
492
|
border-width: 1.5px;
|
|
475
493
|
}
|
|
494
|
+
.ui\:border-none {
|
|
495
|
+
--tw-border-style: none;
|
|
496
|
+
border-style: none;
|
|
497
|
+
}
|
|
476
498
|
.ui\:border-blue-300 {
|
|
477
499
|
border-color: var(--ui-color-blue-300);
|
|
478
500
|
}
|
|
@@ -756,6 +778,10 @@
|
|
|
756
778
|
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
|
|
757
779
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
758
780
|
}
|
|
781
|
+
.ui\:outline-0 {
|
|
782
|
+
outline-style: var(--tw-outline-style);
|
|
783
|
+
outline-width: 0px;
|
|
784
|
+
}
|
|
759
785
|
.ui\:transition-colors {
|
|
760
786
|
transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
|
|
761
787
|
transition-timing-function: var(--tw-ease, var(--ui-default-transition-timing-function));
|
|
@@ -1159,6 +1185,11 @@
|
|
|
1159
1185
|
inherits: false;
|
|
1160
1186
|
initial-value: 0 0 #0000;
|
|
1161
1187
|
}
|
|
1188
|
+
@property --tw-outline-style {
|
|
1189
|
+
syntax: "*";
|
|
1190
|
+
inherits: false;
|
|
1191
|
+
initial-value: solid;
|
|
1192
|
+
}
|
|
1162
1193
|
@property --tw-duration {
|
|
1163
1194
|
syntax: "*";
|
|
1164
1195
|
inherits: false;
|
|
@@ -1185,6 +1216,7 @@
|
|
|
1185
1216
|
--tw-ring-offset-width: 0px;
|
|
1186
1217
|
--tw-ring-offset-color: #fff;
|
|
1187
1218
|
--tw-ring-offset-shadow: 0 0 #0000;
|
|
1219
|
+
--tw-outline-style: solid;
|
|
1188
1220
|
--tw-duration: initial;
|
|
1189
1221
|
}
|
|
1190
1222
|
}
|