@loja-integrada/admin-components 0.18.11 → 0.18.12

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 (12) hide show
  1. package/dist/admin-components.cjs.development.js +30 -0
  2. package/dist/admin-components.cjs.development.js.map +1 -1
  3. package/dist/admin-components.cjs.production.min.js +1 -1
  4. package/dist/admin-components.cjs.production.min.js.map +1 -1
  5. package/dist/admin-components.esm.js +30 -0
  6. package/dist/admin-components.esm.js.map +1 -1
  7. package/package.json +1 -1
  8. package/src/Indicators/Tooltip/style.scss +28 -45
  9. package/dist/admin-components.cjs.development.css +0 -1
  10. package/dist/admin-components.esm.css +0 -1
  11. package/dist/tailwind.css +0 -1
  12. package/src/tailwind.css +0 -7
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@loja-integrada/admin-components",
3
- "version": "0.18.11",
3
+ "version": "0.18.12",
4
4
  "author": "Loja Integrada Front-End Team",
5
5
  "license": "MIT",
6
6
  "main": "dist/index.js",
package/src/Indicators/Tooltip/style.scss CHANGED
@@ -1,64 +1,53 @@
1
1
  .tippy-box {
2
- --bg-color: theme('colors.inverted-1' / 100);
3
- position: relative;
4
- background-color: var(--bg-color);
5
- color: theme('colors.base-1' / 100);
6
- border-radius: 3px;
7
- font-size: 12px;
8
- letter-spacing: -0.4px;
9
- line-height: 1.4;
10
- outline: 0;
11
- transition-property: transform, visibility, opacity;
2
+ @apply relative bg-inverted-1 text-base-1 rounded text-f7 tracking-4 leading-4 outline-0 transition-all;
12
3
 
13
4
  &[data-animation='fade'][data-state='hidden'] {
14
- opacity: 0;
5
+ @apply opacity-0;
15
6
  }
16
7
 
17
8
  [data-tippy-root] {
18
9
  max-width: calc(100vw - 10px);
19
10
  }
20
11
 
21
- &[data-placement^='top'] > .tippy-arrow {
22
- bottom: 0;
12
+ &[data-placement^='top']>.tippy-arrow {
13
+ @apply bottom-0;
23
14
  }
24
15
 
25
- &[data-placement^='top'] > .tippy-arrow:before {
26
- bottom: -7px;
27
- left: 0;
16
+ &[data-placement^='top']>.tippy-arrow:before {
17
+ @apply -bottom-2 left-0;
28
18
  border-width: 8px 8px 0;
29
19
  border-top-color: initial;
30
20
  transform-origin: center top;
31
21
  }
32
22
 
33
- &[data-placement^='bottom'] > .tippy-arrow {
34
- top: 0;
23
+ &[data-placement^='bottom']>.tippy-arrow {
24
+ @apply top-0;
35
25
  }
36
26
 
37
- &[data-placement^='bottom'] > .tippy-arrow:before {
38
- top: -7px;
39
- left: 0;
27
+ &[data-placement^='bottom']>.tippy-arrow:before {
28
+ @apply -top-2 left-0;
40
29
  border-width: 0 8px 8px;
41
30
  border-bottom-color: initial;
42
31
  transform-origin: center bottom;
43
32
  }
44
33
 
45
- &[data-placement^='left'] > .tippy-arrow {
46
- right: 0;
34
+ &[data-placement^='left']>.tippy-arrow {
35
+ @apply right-0;
47
36
  }
48
37
 
49
- &[data-placement^='left'] > .tippy-arrow:before {
38
+ &[data-placement^='left']>.tippy-arrow:before {
39
+ @apply -right-2;
50
40
  border-width: 8px 0 8px 8px;
51
41
  border-left-color: initial;
52
- right: -7px;
53
42
  transform-origin: center left;
54
43
  }
55
44
 
56
- &[data-placement^='right'] > .tippy-arrow {
57
- left: 0;
45
+ &[data-placement^='right']>.tippy-arrow {
46
+ @apply left-0;
58
47
  }
59
48
 
60
- &[data-placement^='right'] > .tippy-arrow:before {
61
- left: -7px;
49
+ &[data-placement^='right']>.tippy-arrow:before {
50
+ @apply -left-2;
62
51
  border-width: 8px 8px 8px 0;
63
52
  border-right-color: initial;
64
53
  transform-origin: center right;
@@ -68,22 +57,16 @@
68
57
  transition-timing-function: cubic-bezier(0.54, 1.5, 0.38, 1.11);
69
58
  }
70
59
 
71
- .tippy-arrow {
72
- width: 15px;
73
- height: 15px;
74
- color: var(--bg-color);
75
- }
60
+ .tippy-arrow {
61
+ @apply text-inverted-1 w-4 h-4 text-inverted-1;
62
+ }
76
63
 
77
- .tippy-arrow:before {
78
- content: '';
79
- position: absolute;
80
- border-color: transparent;
81
- border-style: solid;
82
- }
64
+ .tippy-arrow:before {
65
+ @apply absolute border-transparent border-solid;
66
+ content: '';
67
+ }
83
68
 
84
- .tippy-content {
85
- position: relative;
86
- padding: 12px 8px;
87
- z-index: 1;
88
- }
69
+ .tippy-content {
70
+ @apply relative py-3 px-2 z-1;
71
+ }
89
72
  }
package/dist/admin-components.cjs.development.css DELETED
@@ -1 +0,0 @@
1
- .tippy-box{--bg-color:rgb(var(--color-inverted-1)/100);background-color:var(--bg-color);border-radius:3px;color:rgb(var(--color-base-1)/100);font-size:12px;letter-spacing:-.4px;line-height:1.4;outline:0;position:relative;transition-property:transform,visibility,opacity}.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}.tippy-box [data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{border-top-color:initial;border-width:8px 8px 0;bottom:-7px;left:0;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{border-bottom-color:initial;border-width:0 8px 8px;left:0;top:-7px;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-left-color:initial;border-width:8px 0 8px 8px;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{border-right-color:initial;border-width:8px 8px 8px 0;left:-7px;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-box .tippy-arrow{color:var(--bg-color);height:15px;width:15px}.tippy-box .tippy-arrow:before{border-color:transparent;border-style:solid;content:"";position:absolute}.tippy-box .tippy-content{padding:12px 8px;position:relative;z-index:1}
package/dist/admin-components.esm.css DELETED
@@ -1 +0,0 @@
1
- .tippy-box{--bg-color:rgb(var(--color-inverted-1)/100);background-color:var(--bg-color);border-radius:3px;color:rgb(var(--color-base-1)/100);font-size:12px;letter-spacing:-.4px;line-height:1.4;outline:0;position:relative;transition-property:transform,visibility,opacity}.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}.tippy-box [data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{border-top-color:initial;border-width:8px 8px 0;bottom:-7px;left:0;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{border-bottom-color:initial;border-width:0 8px 8px;left:0;top:-7px;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-left-color:initial;border-width:8px 0 8px 8px;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{border-right-color:initial;border-width:8px 8px 8px 0;left:-7px;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-box .tippy-arrow{color:var(--bg-color);height:15px;width:15px}.tippy-box .tippy-arrow:before{border-color:transparent;border-style:solid;content:"";position:absolute}.tippy-box .tippy-content{padding:12px 8px;position:relative;z-index:1}
package/dist/tailwind.css DELETED
@@ -1 +0,0 @@
1
- .tippy-box{--bg-color:rgb(var(--color-inverted-1)/100);background-color:var(--bg-color);border-radius:3px;color:rgb(var(--color-base-1)/100);font-size:12px;letter-spacing:-.4px;line-height:1.4;outline:0;position:relative;transition-property:transform,visibility,opacity}.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}.tippy-box [data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{border-top-color:initial;border-width:8px 8px 0;bottom:-7px;left:0;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{border-bottom-color:initial;border-width:0 8px 8px;left:0;top:-7px;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-left-color:initial;border-width:8px 0 8px 8px;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{border-right-color:initial;border-width:8px 8px 8px 0;left:-7px;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-box .tippy-arrow{color:var(--bg-color);height:15px;width:15px}.tippy-box .tippy-arrow:before{border-color:transparent;border-style:solid;content:"";position:absolute}.tippy-box .tippy-content{padding:12px 8px;position:relative;z-index:1}
package/src/tailwind.css DELETED
@@ -1,7 +0,0 @@
1
- @tailwind base;
2
- @tailwind components;
3
- @tailwind utilities;
4
-
5
- body {
6
- @apply antialiased;
7
- }