analytica-frontend-lib 1.0.7 → 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.
Files changed (4) hide show
  1. package/dist/index.css +30 -11
  2. package/dist/index.js +9 -9
  3. package/dist/index.mjs +9 -9
  4. 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,15 +624,10 @@
628
624
  }
629
625
  }
630
626
  }
631
- .focus-visible\:border-2 {
627
+ .focus-visible\:border-0 {
632
628
  &:focus-visible {
633
629
  border-style: var(--tw-border-style);
634
- border-width: 2px;
635
- }
636
- }
637
- .focus-visible\:border-indicator-info {
638
- &:focus-visible {
639
- border-color: var(--color-indicator-info);
630
+ border-width: 0px;
640
631
  }
641
632
  }
642
633
  .focus-visible\:bg-error-500 {
@@ -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-2 border-primary-950 hover:bg-primary-800 hover:border-primary-800 focus-visible:bg-primary-950 focus-visible:border-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-2 border-success-500 hover:bg-success-600 hover:border-success-600 focus-visible:bg-success-500 focus-visible:border-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-2 border-error-500 hover:bg-error-600 hover:border-error-600 focus-visible:bg-error-500 focus-visible:border-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"
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-visible:text-primary-600 focus-visible:border-2 focus-visible:border-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:text-success-600 focus-visible:border-2 focus-visible:border-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:text-error-600 focus-visible:border-2 focus-visible:border-indicator-info active:text-error-700 active:border-error-700 disabled:opacity-40 disabled:cursor-not-allowed"
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-visible:text-primary-600 focus-visible:border-2 focus-visible:border-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:text-success-600 focus-visible:border-2 focus-visible:border-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:text-error-600 focus-visible:border-2 focus-visible:border-indicator-info active:text-error-700 disabled:opacity-40 disabled:cursor-not-allowed"
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-2 border-primary-950 hover:bg-primary-800 hover:border-primary-800 focus-visible:bg-primary-950 focus-visible:border-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-2 border-success-500 hover:bg-success-600 hover:border-success-600 focus-visible:bg-success-500 focus-visible:border-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-2 border-error-500 hover:bg-error-600 hover:border-error-600 focus-visible:bg-error-500 focus-visible:border-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"
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-visible:text-primary-600 focus-visible:border-2 focus-visible:border-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:text-success-600 focus-visible:border-2 focus-visible:border-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:text-error-600 focus-visible:border-2 focus-visible:border-indicator-info active:text-error-700 active:border-error-700 disabled:opacity-40 disabled:cursor-not-allowed"
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-visible:text-primary-600 focus-visible:border-2 focus-visible:border-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:text-success-600 focus-visible:border-2 focus-visible:border-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:text-error-600 focus-visible:border-2 focus-visible:border-indicator-info active:text-error-700 disabled:opacity-40 disabled:cursor-not-allowed"
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
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "analytica-frontend-lib",
3
- "version": "1.0.7",
3
+ "version": "1.0.8",
4
4
  "description": "Repositório público dos componentes utilizados nas plataformas da Analytica Ensino",
5
5
  "main": "dist/index.cjs",
6
6
  "module": "./dist/index.js",