@julseb-lib/react 0.0.75 → 0.0.76

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 (5) hide show
  1. package/dist/index.cjs.js +23 -0
  2. package/dist/index.es.js +23 -0
  3. package/dist/index.umd.js +23 -0
  4. package/dist/lib/components/ProgressBar/styles.tsx +23 -0
  5. package/package.json +1 -1
package/dist/index.cjs.js CHANGED
@@ -2811,8 +2811,30 @@ React keys must be passed directly to JSX without using spread:
2811
2811
  display: block;
2812
2812
  overflow: hidden;
2813
2813
  border: none;
2814
+ background: none;
2814
2815
  appearance: none;
2815
2816
  flex-grow: 1;
2817
+ -webkit-appearance: none;
2818
+
2819
+ &::-moz-meter-bar {
2820
+ -moz-appearance: none;
2821
+ }
2822
+
2823
+ &:-moz-meter-optimum::-moz-meter-bar,
2824
+ &:-moz-meter-sub-optimum::-moz-meter-bar,
2825
+ &:-moz-meter-sub-sub-optimum::-moz-meter-bar {
2826
+ background: none;
2827
+ }
2828
+
2829
+ &::-webkit-meter-bar,
2830
+ &::-webkit-meter-optimum-value,
2831
+ &::-webkit-meter-suboptimum-value,
2832
+ &::-webkit-meter-even-less-good-value,
2833
+ &::-webkit-meter-inner-element {
2834
+ background: none;
2835
+ background-color: ${({theme:l})=>l.GRAY_200};
2836
+ z-index: 0;
2837
+ }
2816
2838
 
2817
2839
  &:before {
2818
2840
  content: "";
@@ -2824,6 +2846,7 @@ React keys must be passed directly to JSX without using spread:
2824
2846
  width: var(--progress-value);
2825
2847
  background-color: ${({theme:l,$color:e})=>o.AllColors(e,l)};
2826
2848
  border-radius: ${V.ROUND};
2849
+ z-index: 1;
2827
2850
  }
2828
2851
 
2829
2852
  &.RadiusCircle:before {
package/dist/index.es.js CHANGED
@@ -16288,8 +16288,30 @@ const Vd = A(
16288
16288
  display: block;
16289
16289
  overflow: hidden;
16290
16290
  border: none;
16291
+ background: none;
16291
16292
  appearance: none;
16292
16293
  flex-grow: 1;
16294
+ -webkit-appearance: none;
16295
+
16296
+ &::-moz-meter-bar {
16297
+ -moz-appearance: none;
16298
+ }
16299
+
16300
+ &:-moz-meter-optimum::-moz-meter-bar,
16301
+ &:-moz-meter-sub-optimum::-moz-meter-bar,
16302
+ &:-moz-meter-sub-sub-optimum::-moz-meter-bar {
16303
+ background: none;
16304
+ }
16305
+
16306
+ &::-webkit-meter-bar,
16307
+ &::-webkit-meter-optimum-value,
16308
+ &::-webkit-meter-suboptimum-value,
16309
+ &::-webkit-meter-even-less-good-value,
16310
+ &::-webkit-meter-inner-element {
16311
+ background: none;
16312
+ background-color: ${({ theme: l }) => l.GRAY_200};
16313
+ z-index: 0;
16314
+ }
16293
16315
 
16294
16316
  &:before {
16295
16317
  content: "";
@@ -16301,6 +16323,7 @@ const Vd = A(
16301
16323
  width: var(--progress-value);
16302
16324
  background-color: ${({ theme: l, $color: e }) => o.AllColors(e, l)};
16303
16325
  border-radius: ${D.ROUND};
16326
+ z-index: 1;
16304
16327
  }
16305
16328
 
16306
16329
  &.RadiusCircle:before {
package/dist/index.umd.js CHANGED
@@ -2811,8 +2811,30 @@ React keys must be passed directly to JSX without using spread:
2811
2811
  display: block;
2812
2812
  overflow: hidden;
2813
2813
  border: none;
2814
+ background: none;
2814
2815
  appearance: none;
2815
2816
  flex-grow: 1;
2817
+ -webkit-appearance: none;
2818
+
2819
+ &::-moz-meter-bar {
2820
+ -moz-appearance: none;
2821
+ }
2822
+
2823
+ &:-moz-meter-optimum::-moz-meter-bar,
2824
+ &:-moz-meter-sub-optimum::-moz-meter-bar,
2825
+ &:-moz-meter-sub-sub-optimum::-moz-meter-bar {
2826
+ background: none;
2827
+ }
2828
+
2829
+ &::-webkit-meter-bar,
2830
+ &::-webkit-meter-optimum-value,
2831
+ &::-webkit-meter-suboptimum-value,
2832
+ &::-webkit-meter-even-less-good-value,
2833
+ &::-webkit-meter-inner-element {
2834
+ background: none;
2835
+ background-color: ${({theme:l})=>l.GRAY_200};
2836
+ z-index: 0;
2837
+ }
2816
2838
 
2817
2839
  &:before {
2818
2840
  content: "";
@@ -2824,6 +2846,7 @@ React keys must be passed directly to JSX without using spread:
2824
2846
  width: var(--progress-value);
2825
2847
  background-color: ${({theme:l,$color:e})=>p.AllColors(e,l)};
2826
2848
  border-radius: ${D.ROUND};
2849
+ z-index: 1;
2827
2850
  }
2828
2851
 
2829
2852
  &.RadiusCircle:before {
package/dist/lib/components/ProgressBar/styles.tsx CHANGED
@@ -25,8 +25,30 @@ const StyledProgressBar = styled.meter<{
25
25
  display: block;
26
26
  overflow: hidden;
27
27
  border: none;
28
+ background: none;
28
29
  appearance: none;
29
30
  flex-grow: 1;
31
+ -webkit-appearance: none;
32
+
33
+ &::-moz-meter-bar {
34
+ -moz-appearance: none;
35
+ }
36
+
37
+ &:-moz-meter-optimum::-moz-meter-bar,
38
+ &:-moz-meter-sub-optimum::-moz-meter-bar,
39
+ &:-moz-meter-sub-sub-optimum::-moz-meter-bar {
40
+ background: none;
41
+ }
42
+
43
+ &::-webkit-meter-bar,
44
+ &::-webkit-meter-optimum-value,
45
+ &::-webkit-meter-suboptimum-value,
46
+ &::-webkit-meter-even-less-good-value,
47
+ &::-webkit-meter-inner-element {
48
+ background: none;
49
+ background-color: ${({ theme }) => theme.GRAY_200};
50
+ z-index: 0;
51
+ }
30
52
 
31
53
  &:before {
32
54
  content: "";
@@ -39,6 +61,7 @@ const StyledProgressBar = styled.meter<{
39
61
  background-color: ${({ theme, $color }) =>
40
62
  Mixins.AllColors($color, theme)};
41
63
  border-radius: ${RADIUSES.ROUND};
64
+ z-index: 1;
42
65
  }
43
66
 
44
67
  &.RadiusCircle:before {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@julseb-lib/react",
3
- "version": "0.0.75",
3
+ "version": "0.0.76",
4
4
  "type": "module",
5
5
  "license": "MIT",
6
6
  "scripts": {