analytica-frontend-lib 1.0.6 → 1.0.8
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.css +45 -26
- package/dist/index.js +9 -9
- package/dist/index.mjs +9 -9
- package/package.json +1 -1
package/dist/index.css
CHANGED
|
@@ -353,10 +353,6 @@
|
|
|
353
353
|
border-style: var(--tw-border-style);
|
|
354
354
|
border-width: 1px;
|
|
355
355
|
}
|
|
356
|
-
.border-2 {
|
|
357
|
-
border-style: var(--tw-border-style);
|
|
358
|
-
border-width: 2px;
|
|
359
|
-
}
|
|
360
356
|
.border-background-200 {
|
|
361
357
|
border-color: var(--color-background-200);
|
|
362
358
|
}
|
|
@@ -628,49 +624,44 @@
|
|
|
628
624
|
}
|
|
629
625
|
}
|
|
630
626
|
}
|
|
631
|
-
.focus\:border-
|
|
632
|
-
&:focus {
|
|
627
|
+
.focus-visible\:border-0 {
|
|
628
|
+
&:focus-visible {
|
|
633
629
|
border-style: var(--tw-border-style);
|
|
634
|
-
border-width:
|
|
630
|
+
border-width: 0px;
|
|
635
631
|
}
|
|
636
632
|
}
|
|
637
|
-
.focus\:
|
|
638
|
-
&:focus {
|
|
639
|
-
border-color: var(--color-indicator-info);
|
|
640
|
-
}
|
|
641
|
-
}
|
|
642
|
-
.focus\:bg-error-500 {
|
|
643
|
-
&:focus {
|
|
633
|
+
.focus-visible\:bg-error-500 {
|
|
634
|
+
&:focus-visible {
|
|
644
635
|
background-color: var(--color-error-500);
|
|
645
636
|
}
|
|
646
637
|
}
|
|
647
|
-
.focus\:bg-primary-950 {
|
|
648
|
-
&:focus {
|
|
638
|
+
.focus-visible\:bg-primary-950 {
|
|
639
|
+
&:focus-visible {
|
|
649
640
|
background-color: var(--color-primary-950);
|
|
650
641
|
}
|
|
651
642
|
}
|
|
652
|
-
.focus\:bg-success-500 {
|
|
653
|
-
&:focus {
|
|
643
|
+
.focus-visible\:bg-success-500 {
|
|
644
|
+
&:focus-visible {
|
|
654
645
|
background-color: var(--color-success-500);
|
|
655
646
|
}
|
|
656
647
|
}
|
|
657
|
-
.focus\:text-error-600 {
|
|
658
|
-
&:focus {
|
|
648
|
+
.focus-visible\:text-error-600 {
|
|
649
|
+
&:focus-visible {
|
|
659
650
|
color: var(--color-error-600);
|
|
660
651
|
}
|
|
661
652
|
}
|
|
662
|
-
.focus\:text-primary-600 {
|
|
663
|
-
&:focus {
|
|
653
|
+
.focus-visible\:text-primary-600 {
|
|
654
|
+
&:focus-visible {
|
|
664
655
|
color: var(--color-primary-600);
|
|
665
656
|
}
|
|
666
657
|
}
|
|
667
|
-
.focus\:text-success-600 {
|
|
668
|
-
&:focus {
|
|
658
|
+
.focus-visible\:text-success-600 {
|
|
659
|
+
&:focus-visible {
|
|
669
660
|
color: var(--color-success-600);
|
|
670
661
|
}
|
|
671
662
|
}
|
|
672
|
-
.focus\:shadow-hard-shadow-1 {
|
|
673
|
-
&:focus {
|
|
663
|
+
.focus-visible\:shadow-hard-shadow-1 {
|
|
664
|
+
&:focus-visible {
|
|
674
665
|
--tw-shadow: -2px 2px 8px var(--tw-shadow-color, rgba(38, 38, 38, 0.2));
|
|
675
666
|
box-shadow:
|
|
676
667
|
var(--tw-inset-shadow),
|
|
@@ -680,6 +671,34 @@
|
|
|
680
671
|
var(--tw-shadow);
|
|
681
672
|
}
|
|
682
673
|
}
|
|
674
|
+
.focus-visible\:ring-2 {
|
|
675
|
+
&:focus-visible {
|
|
676
|
+
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
|
|
677
|
+
box-shadow:
|
|
678
|
+
var(--tw-inset-shadow),
|
|
679
|
+
var(--tw-inset-ring-shadow),
|
|
680
|
+
var(--tw-ring-offset-shadow),
|
|
681
|
+
var(--tw-ring-shadow),
|
|
682
|
+
var(--tw-shadow);
|
|
683
|
+
}
|
|
684
|
+
}
|
|
685
|
+
.focus-visible\:ring-indicator-info {
|
|
686
|
+
&:focus-visible {
|
|
687
|
+
--tw-ring-color: var(--color-indicator-info);
|
|
688
|
+
}
|
|
689
|
+
}
|
|
690
|
+
.focus-visible\:ring-offset-0 {
|
|
691
|
+
&:focus-visible {
|
|
692
|
+
--tw-ring-offset-width: 0px;
|
|
693
|
+
--tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
|
|
694
|
+
}
|
|
695
|
+
}
|
|
696
|
+
.focus-visible\:outline-none {
|
|
697
|
+
&:focus-visible {
|
|
698
|
+
--tw-outline-style: none;
|
|
699
|
+
outline-style: none;
|
|
700
|
+
}
|
|
701
|
+
}
|
|
683
702
|
.active\:border-error-700 {
|
|
684
703
|
&:active {
|
|
685
704
|
border-color: var(--color-error-700);
|
package/dist/index.js
CHANGED
|
@@ -29,19 +29,19 @@ module.exports = __toCommonJS(index_exports);
|
|
|
29
29
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
30
30
|
var VARIANT_ACTION_CLASSES = {
|
|
31
31
|
solid: {
|
|
32
|
-
primary: "bg-primary-950 text-text border
|
|
33
|
-
positive: "bg-success-500 text-text border
|
|
34
|
-
negative: "bg-error-500 text-text border
|
|
32
|
+
primary: "bg-primary-950 text-text border border-primary-950 hover:bg-primary-800 hover:border-primary-800 focus-visible:outline-none focus-visible:bg-primary-950 focus-visible:ring-2 focus-visible:ring-offset-0 focus-visible:ring-indicator-info active:bg-primary-700 active:border-primary-700 disabled:bg-primary-500 disabled:border-primary-500 disabled:opacity-40 disabled:cursor-not-allowed",
|
|
33
|
+
positive: "bg-success-500 text-text border border-success-500 hover:bg-success-600 hover:border-success-600 focus-visible:outline-none focus-visible:bg-success-500 focus-visible:ring-2 focus-visible:ring-offset-0 focus-visible:ring-indicator-info active:bg-success-700 active:border-success-700 disabled:bg-success-500 disabled:border-success-500 disabled:opacity-40 disabled:cursor-not-allowed",
|
|
34
|
+
negative: "bg-error-500 text-text border border-error-500 hover:bg-error-600 hover:border-error-600 focus-visible:outline-none focus-visible:bg-error-500 focus-visible:ring-2 focus-visible:ring-offset-0 focus-visible:ring-indicator-info active:bg-error-700 active:border-error-700 disabled:bg-error-500 disabled:border-error-500 disabled:opacity-40 disabled:cursor-not-allowed"
|
|
35
35
|
},
|
|
36
36
|
outline: {
|
|
37
|
-
primary: "bg-transparent text-primary-950 border border-primary-950 hover:bg-background-50 hover:text-primary-400 hover:border-primary-400 focus:text-primary-600 focus:
|
|
38
|
-
positive: "bg-transparent text-success-500 border border-success-300 hover:bg-background-50 hover:text-success-400 hover:border-success-400 focus:text-success-600 focus:
|
|
39
|
-
negative: "bg-transparent text-error-500 border border-error-300 hover:bg-background-50 hover:text-error-400 hover:border-error-400 focus:text-error-600 focus:
|
|
37
|
+
primary: "bg-transparent text-primary-950 border border-primary-950 hover:bg-background-50 hover:text-primary-400 hover:border-primary-400 focus-visible:border-0 focus-visible:outline-none focus-visible:text-primary-600 focus-visible:ring-2 focus-visible:ring-offset-0 focus-visible:ring-indicator-info active:text-primary-700 active:border-primary-700 disabled:opacity-40 disabled:cursor-not-allowed",
|
|
38
|
+
positive: "bg-transparent text-success-500 border border-success-300 hover:bg-background-50 hover:text-success-400 hover:border-success-400 focus-visible:border-0 focus-visible:outline-none focus-visible:text-success-600 focus-visible:ring-2 focus-visible:ring-offset-0 focus-visible:ring-indicator-info active:text-success-700 active:border-success-700 disabled:opacity-40 disabled:cursor-not-allowed",
|
|
39
|
+
negative: "bg-transparent text-error-500 border border-error-300 hover:bg-background-50 hover:text-error-400 hover:border-error-400 focus-visible:border-0 focus-visible:outline-none focus-visible:text-error-600 focus-visible:ring-2 focus-visible:ring-offset-0 focus-visible:ring-indicator-info active:text-error-700 active:border-error-700 disabled:opacity-40 disabled:cursor-not-allowed"
|
|
40
40
|
},
|
|
41
41
|
link: {
|
|
42
|
-
primary: "bg-transparent text-primary-950 hover:text-primary-400 focus:text-primary-600 focus:
|
|
43
|
-
positive: "bg-transparent text-success-500 hover:text-success-400 focus:text-success-600 focus:
|
|
44
|
-
negative: "bg-transparent text-error-500 hover:text-error-400 focus:text-error-600 focus:
|
|
42
|
+
primary: "bg-transparent text-primary-950 hover:text-primary-400 focus-visible:outline-none focus-visible:text-primary-600 focus-visible:ring-2 focus-visible:ring-offset-0 focus-visible:ring-indicator-info active:text-primary-700 disabled:opacity-40 disabled:cursor-not-allowed",
|
|
43
|
+
positive: "bg-transparent text-success-500 hover:text-success-400 focus-visible:outline-none focus-visible:text-success-600 focus-visible:ring-2 focus-visible:ring-offset-0 focus-visible:ring-indicator-info active:text-success-700 disabled:opacity-40 disabled:cursor-not-allowed",
|
|
44
|
+
negative: "bg-transparent text-error-500 hover:text-error-400 focus-visible:outline-none focus-visible:text-error-600 focus-visible:ring-2 focus-visible:ring-offset-0 focus-visible:ring-indicator-info active:text-error-700 disabled:opacity-40 disabled:cursor-not-allowed"
|
|
45
45
|
}
|
|
46
46
|
};
|
|
47
47
|
var SIZE_CLASSES = {
|
package/dist/index.mjs
CHANGED
|
@@ -2,19 +2,19 @@
|
|
|
2
2
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
3
3
|
var VARIANT_ACTION_CLASSES = {
|
|
4
4
|
solid: {
|
|
5
|
-
primary: "bg-primary-950 text-text border
|
|
6
|
-
positive: "bg-success-500 text-text border
|
|
7
|
-
negative: "bg-error-500 text-text border
|
|
5
|
+
primary: "bg-primary-950 text-text border border-primary-950 hover:bg-primary-800 hover:border-primary-800 focus-visible:outline-none focus-visible:bg-primary-950 focus-visible:ring-2 focus-visible:ring-offset-0 focus-visible:ring-indicator-info active:bg-primary-700 active:border-primary-700 disabled:bg-primary-500 disabled:border-primary-500 disabled:opacity-40 disabled:cursor-not-allowed",
|
|
6
|
+
positive: "bg-success-500 text-text border border-success-500 hover:bg-success-600 hover:border-success-600 focus-visible:outline-none focus-visible:bg-success-500 focus-visible:ring-2 focus-visible:ring-offset-0 focus-visible:ring-indicator-info active:bg-success-700 active:border-success-700 disabled:bg-success-500 disabled:border-success-500 disabled:opacity-40 disabled:cursor-not-allowed",
|
|
7
|
+
negative: "bg-error-500 text-text border border-error-500 hover:bg-error-600 hover:border-error-600 focus-visible:outline-none focus-visible:bg-error-500 focus-visible:ring-2 focus-visible:ring-offset-0 focus-visible:ring-indicator-info active:bg-error-700 active:border-error-700 disabled:bg-error-500 disabled:border-error-500 disabled:opacity-40 disabled:cursor-not-allowed"
|
|
8
8
|
},
|
|
9
9
|
outline: {
|
|
10
|
-
primary: "bg-transparent text-primary-950 border border-primary-950 hover:bg-background-50 hover:text-primary-400 hover:border-primary-400 focus:text-primary-600 focus:
|
|
11
|
-
positive: "bg-transparent text-success-500 border border-success-300 hover:bg-background-50 hover:text-success-400 hover:border-success-400 focus:text-success-600 focus:
|
|
12
|
-
negative: "bg-transparent text-error-500 border border-error-300 hover:bg-background-50 hover:text-error-400 hover:border-error-400 focus:text-error-600 focus:
|
|
10
|
+
primary: "bg-transparent text-primary-950 border border-primary-950 hover:bg-background-50 hover:text-primary-400 hover:border-primary-400 focus-visible:border-0 focus-visible:outline-none focus-visible:text-primary-600 focus-visible:ring-2 focus-visible:ring-offset-0 focus-visible:ring-indicator-info active:text-primary-700 active:border-primary-700 disabled:opacity-40 disabled:cursor-not-allowed",
|
|
11
|
+
positive: "bg-transparent text-success-500 border border-success-300 hover:bg-background-50 hover:text-success-400 hover:border-success-400 focus-visible:border-0 focus-visible:outline-none focus-visible:text-success-600 focus-visible:ring-2 focus-visible:ring-offset-0 focus-visible:ring-indicator-info active:text-success-700 active:border-success-700 disabled:opacity-40 disabled:cursor-not-allowed",
|
|
12
|
+
negative: "bg-transparent text-error-500 border border-error-300 hover:bg-background-50 hover:text-error-400 hover:border-error-400 focus-visible:border-0 focus-visible:outline-none focus-visible:text-error-600 focus-visible:ring-2 focus-visible:ring-offset-0 focus-visible:ring-indicator-info active:text-error-700 active:border-error-700 disabled:opacity-40 disabled:cursor-not-allowed"
|
|
13
13
|
},
|
|
14
14
|
link: {
|
|
15
|
-
primary: "bg-transparent text-primary-950 hover:text-primary-400 focus:text-primary-600 focus:
|
|
16
|
-
positive: "bg-transparent text-success-500 hover:text-success-400 focus:text-success-600 focus:
|
|
17
|
-
negative: "bg-transparent text-error-500 hover:text-error-400 focus:text-error-600 focus:
|
|
15
|
+
primary: "bg-transparent text-primary-950 hover:text-primary-400 focus-visible:outline-none focus-visible:text-primary-600 focus-visible:ring-2 focus-visible:ring-offset-0 focus-visible:ring-indicator-info active:text-primary-700 disabled:opacity-40 disabled:cursor-not-allowed",
|
|
16
|
+
positive: "bg-transparent text-success-500 hover:text-success-400 focus-visible:outline-none focus-visible:text-success-600 focus-visible:ring-2 focus-visible:ring-offset-0 focus-visible:ring-indicator-info active:text-success-700 disabled:opacity-40 disabled:cursor-not-allowed",
|
|
17
|
+
negative: "bg-transparent text-error-500 hover:text-error-400 focus-visible:outline-none focus-visible:text-error-600 focus-visible:ring-2 focus-visible:ring-offset-0 focus-visible:ring-indicator-info active:text-error-700 disabled:opacity-40 disabled:cursor-not-allowed"
|
|
18
18
|
}
|
|
19
19
|
};
|
|
20
20
|
var SIZE_CLASSES = {
|
package/package.json
CHANGED