@cupcodev/ui 1.2.53 → 1.4.0

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 (13) hide show
  1. package/README.md +5 -0
  2. package/dist/index.cjs +1425 -996
  3. package/dist/index.d.cts +6 -1
  4. package/dist/index.d.ts +6 -1
  5. package/dist/index.js +1289 -861
  6. package/dist/styles.css +1 -1
  7. package/package.json +4 -2
  8. package/postinstall.cjs +20 -0
  9. package/styles/base.css +24 -24
  10. package/styles/dock.css +10 -10
  11. package/styles/global.css +47 -36
  12. package/styles/tokens.css +98 -91
  13. package/tailwind-preset.cjs +2 -0
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@cupcodev/ui",
3
3
  "private": false,
4
- "version": "1.2.53",
4
+ "version": "1.4.0",
5
5
  "packageManager": "pnpm@10.28.2+sha512.41872f037ad22f7348e3b1debbaf7e867cfd448f2726d9cf74c08f19507c31d2c8e7a11525b983febc2df640b5438dee6023ebb1f84ed43cc2d654d2bc326264",
6
6
  "type": "module",
7
7
  "main": "./dist/index.cjs",
@@ -37,7 +37,8 @@
37
37
  "files": [
38
38
  "dist",
39
39
  "styles",
40
- "tailwind-preset.cjs"
40
+ "tailwind-preset.cjs",
41
+ "postinstall.cjs"
41
42
  ],
42
43
  "engines": {
43
44
  "node": ">=18.18.0"
@@ -59,6 +60,7 @@
59
60
  "test:consumer": "node ./scripts/consumer-smoke.mjs",
60
61
  "lint": "eslint . --max-warnings=0",
61
62
  "prepublishOnly": "npm run check:release",
63
+ "postinstall": "node ./postinstall.cjs",
62
64
  "preview": "vite preview"
63
65
  },
64
66
  "devDependencies": {
package/postinstall.cjs ADDED
@@ -0,0 +1,20 @@
1
+ const message = `
2
+ [cupcode-ui] Configuração obrigatória no app consumidor:
3
+
4
+ No main.tsx (ou arquivo de bootstrap similar), adicione:
5
+
6
+ import { setCupcodeRuntimeEnv } from "@cupcodev/ui";
7
+
8
+ setCupcodeRuntimeEnv({
9
+ VITE_SUPABASE_URL: import.meta.env.VITE_SUPABASE_URL,
10
+ VITE_SUPABASE_ANON_KEY: import.meta.env.VITE_SUPABASE_ANON_KEY,
11
+ VITE_TELESCUP_BASE_URL: import.meta.env.VITE_TELESCUP_BASE_URL,
12
+ VITE_TELESCUP_API_BASE: import.meta.env.VITE_TELESCUP_API_BASE,
13
+ });
14
+
15
+ Também importe os estilos:
16
+
17
+ import "@cupcodev/ui/styles.css";
18
+ `;
19
+
20
+ console.log(message);
package/styles/base.css CHANGED
@@ -55,28 +55,28 @@ html {
55
55
  }
56
56
 
57
57
  .cc-scrollbar-purple {
58
- --cc-scrollbar-track: rgba(149, 29, 219, 0.08);
59
- --cc-scrollbar-thumb: rgba(149, 29, 219, 0.26);
58
+ --cc-scrollbar-track: rgba(124, 91, 187, 0.08);
59
+ --cc-scrollbar-thumb: rgba(124, 91, 187, 0.26);
60
60
  --cc-scrollbar-thumb-highlight: rgba(255, 255, 255, 0.35);
61
- --cc-scrollbar-thumb-hover: rgba(149, 29, 219, 0.34);
61
+ --cc-scrollbar-thumb-hover: var(--cc-hover-overlay);
62
62
  --cc-scrollbar-thumb-border: rgba(255, 255, 255, 0.34);
63
- --cc-scrollbar-glow: rgba(149, 29, 219, 0.35);
63
+ --cc-scrollbar-glow: rgba(124, 91, 187, 0.35);
64
64
  }
65
65
 
66
66
  .dark .cc-scrollbar-purple {
67
- --cc-scrollbar-track: rgba(149, 29, 219, 0.16);
68
- --cc-scrollbar-thumb: rgba(149, 29, 219, 0.42);
69
- --cc-scrollbar-thumb-highlight: rgba(237, 30, 121, 0.24);
70
- --cc-scrollbar-thumb-hover: rgba(149, 29, 219, 0.55);
67
+ --cc-scrollbar-track: rgba(124, 91, 187, 0.16);
68
+ --cc-scrollbar-thumb: rgba(124, 91, 187, 0.42);
69
+ --cc-scrollbar-thumb-highlight: rgba(151, 90, 182, 0.24);
70
+ --cc-scrollbar-thumb-hover: var(--cc-hover-overlay);
71
71
  --cc-scrollbar-thumb-border: rgba(255, 255, 255, 0.2);
72
- --cc-scrollbar-glow: rgba(149, 29, 219, 0.5);
72
+ --cc-scrollbar-glow: rgba(124, 91, 187, 0.5);
73
73
  }
74
74
 
75
75
  .cc-scrollbar-pink {
76
76
  --cc-scrollbar-track: rgba(237, 30, 121, 0.08);
77
77
  --cc-scrollbar-thumb: rgba(237, 30, 121, 0.26);
78
78
  --cc-scrollbar-thumb-highlight: rgba(255, 255, 255, 0.35);
79
- --cc-scrollbar-thumb-hover: rgba(237, 30, 121, 0.35);
79
+ --cc-scrollbar-thumb-hover: var(--cc-hover-overlay);
80
80
  --cc-scrollbar-thumb-border: rgba(255, 255, 255, 0.34);
81
81
  --cc-scrollbar-glow: rgba(237, 30, 121, 0.36);
82
82
  }
@@ -84,35 +84,35 @@ html {
84
84
  .dark .cc-scrollbar-pink {
85
85
  --cc-scrollbar-track: rgba(237, 30, 121, 0.18);
86
86
  --cc-scrollbar-thumb: rgba(237, 30, 121, 0.45);
87
- --cc-scrollbar-thumb-highlight: rgba(149, 29, 219, 0.3);
88
- --cc-scrollbar-thumb-hover: rgba(237, 30, 121, 0.6);
87
+ --cc-scrollbar-thumb-highlight: rgba(124, 91, 187, 0.3);
88
+ --cc-scrollbar-thumb-hover: var(--cc-hover-overlay);
89
89
  --cc-scrollbar-thumb-border: rgba(255, 255, 255, 0.22);
90
90
  --cc-scrollbar-glow: rgba(237, 30, 121, 0.58);
91
91
  }
92
92
 
93
93
  .cc-scrollbar-theme-light {
94
- --cc-scrollbar-track: rgba(149, 29, 219, 0.08);
95
- --cc-scrollbar-thumb: rgba(149, 29, 219, 0.26);
94
+ --cc-scrollbar-track: rgba(124, 91, 187, 0.08);
95
+ --cc-scrollbar-thumb: rgba(124, 91, 187, 0.26);
96
96
  --cc-scrollbar-thumb-highlight: rgba(255, 255, 255, 0.35);
97
- --cc-scrollbar-thumb-hover: rgba(149, 29, 219, 0.34);
97
+ --cc-scrollbar-thumb-hover: var(--cc-hover-overlay);
98
98
  --cc-scrollbar-thumb-border: rgba(255, 255, 255, 0.34);
99
- --cc-scrollbar-glow: rgba(149, 29, 219, 0.35);
99
+ --cc-scrollbar-glow: rgba(124, 91, 187, 0.35);
100
100
  }
101
101
 
102
102
  .cc-scrollbar-theme-dark {
103
- --cc-scrollbar-track: rgba(149, 29, 219, 0.16);
104
- --cc-scrollbar-thumb: rgba(149, 29, 219, 0.42);
105
- --cc-scrollbar-thumb-highlight: rgba(237, 30, 121, 0.24);
106
- --cc-scrollbar-thumb-hover: rgba(149, 29, 219, 0.55);
103
+ --cc-scrollbar-track: rgba(124, 91, 187, 0.16);
104
+ --cc-scrollbar-thumb: rgba(124, 91, 187, 0.42);
105
+ --cc-scrollbar-thumb-highlight: rgba(151, 90, 182, 0.24);
106
+ --cc-scrollbar-thumb-hover: var(--cc-hover-overlay);
107
107
  --cc-scrollbar-thumb-border: rgba(255, 255, 255, 0.2);
108
- --cc-scrollbar-glow: rgba(149, 29, 219, 0.5);
108
+ --cc-scrollbar-glow: rgba(124, 91, 187, 0.5);
109
109
  }
110
110
 
111
111
  .cc-scrollbar-pink.cc-scrollbar-theme-light {
112
112
  --cc-scrollbar-track: rgba(237, 30, 121, 0.08);
113
113
  --cc-scrollbar-thumb: rgba(237, 30, 121, 0.26);
114
114
  --cc-scrollbar-thumb-highlight: rgba(255, 255, 255, 0.35);
115
- --cc-scrollbar-thumb-hover: rgba(237, 30, 121, 0.35);
115
+ --cc-scrollbar-thumb-hover: var(--cc-hover-overlay);
116
116
  --cc-scrollbar-thumb-border: rgba(255, 255, 255, 0.34);
117
117
  --cc-scrollbar-glow: rgba(237, 30, 121, 0.36);
118
118
  }
@@ -120,8 +120,8 @@ html {
120
120
  .cc-scrollbar-pink.cc-scrollbar-theme-dark {
121
121
  --cc-scrollbar-track: rgba(237, 30, 121, 0.18);
122
122
  --cc-scrollbar-thumb: rgba(237, 30, 121, 0.45);
123
- --cc-scrollbar-thumb-highlight: rgba(149, 29, 219, 0.3);
124
- --cc-scrollbar-thumb-hover: rgba(237, 30, 121, 0.6);
123
+ --cc-scrollbar-thumb-highlight: rgba(124, 91, 187, 0.3);
124
+ --cc-scrollbar-thumb-hover: var(--cc-hover-overlay);
125
125
  --cc-scrollbar-thumb-border: rgba(255, 255, 255, 0.22);
126
126
  --cc-scrollbar-glow: rgba(237, 30, 121, 0.58);
127
127
  }
package/styles/dock.css CHANGED
@@ -9,19 +9,19 @@
9
9
  --clay-fg-color: #444;
10
10
  --lg-bg-color: rgba(255, 255, 255, 0.25);
11
11
  --lg-highlight: rgba(255, 255, 255, 0.75);
12
- --lg-text: #18013a;
12
+ --lg-text: #3a2a58;
13
13
  --lg-hover-glow: rgba(255, 255, 255, 0.4);
14
14
  --lg-grey: #5b5b5b;
15
15
  --card-spacing: 0.5rem;
16
16
  --marketing-base: #ed1e79;
17
- --desenvolvimento-base: #951ddb;
17
+ --desenvolvimento-base: #7c5bbb;
18
18
  --blue-sky-light: #87ceeb;
19
19
  --blue-sky-med: #00b7eb;
20
20
  --blue-sky-dark: #006bb3;
21
21
  --blue-pink-light: #ff69b4;
22
22
  --blue-pink-med: #00b7eb;
23
23
  --purple-orange-light: #ff4500;
24
- --purple-orange-med: #951ddb;
24
+ --purple-orange-med: #7c5bbb;
25
25
  --black-grey-light: #a9a9a9;
26
26
  --black-grey-med: #2f2f2f;
27
27
  --orange-base: #ffa500;
@@ -29,7 +29,7 @@
29
29
  --pink-blue-light: #ff69b4;
30
30
  --pink-blue-med: #00b7eb;
31
31
  --yellow-purple-light: #ffff00;
32
- --yellow-purple-med: #951ddb;
32
+ --yellow-purple-med: #7c5bbb;
33
33
  --blue-green-grey-light: #00b7eb;
34
34
  --blue-green-grey-med: #228b22;
35
35
  --blue-green-grey-dark: #696969;
@@ -66,7 +66,7 @@
66
66
  --app-content-background-color: #ed1e79;
67
67
  }
68
68
  .mn-desenvolvimento-style {
69
- --app-content-background-color: #951ddb;
69
+ --app-content-background-color: #7c5bbb;
70
70
  }
71
71
  .mn-solucoes-style {
72
72
  --app-content-background-color: #00b7eb;
@@ -223,13 +223,13 @@
223
223
  display: grid;
224
224
  place-items: center;
225
225
  border-radius: 1rem;
226
- background: radial-gradient(circle at 30% 30%, rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0.2) 45%, rgba(149, 29, 219, 0.22) 75%);
226
+ background: radial-gradient(circle at 30% 30%, rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0.2) 45%, rgba(124, 91, 187, 0.22) 75%);
227
227
  color: var(--lg-text);
228
228
  font-weight: 700;
229
229
  font-size: 0.85rem;
230
230
  letter-spacing: 0.04em;
231
231
  text-transform: uppercase;
232
- box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.35), 0 6px 12px rgba(24, 1, 58, 0.18);
232
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.35), 0 6px 12px rgba(58, 42, 88, 0.18);
233
233
  }
234
234
 
235
235
  .tabbar li .bg-img-menu-fix-mob.dock-fallback .dock-fallback-icon {
@@ -820,9 +820,9 @@ a.link-absolute-menu {
820
820
  inset 2px 1px 0px -1px rgba(255, 255, 255, 0.8),
821
821
  inset -1.5px -1px 0px -1px rgba(255, 255, 255, 0.7),
822
822
  inset -2px -6px 1px -5px rgba(255, 255, 255, 0.5),
823
- inset -1px 2px 3px -1px rgba(24, 1, 58, 0.2),
824
- inset 0px -4px 1px -2px rgba(24, 1, 58, 0.1),
825
- 0px 3px 6px 0px rgba(24, 1, 58, 0.08);
823
+ inset -1px 2px 3px -1px rgba(58, 42, 88, 0.2),
824
+ inset 0px -4px 1px -2px rgba(58, 42, 88, 0.1),
825
+ 0px 3px 6px 0px rgba(58, 42, 88, 0.08);
826
826
  z-index: -1;
827
827
  will-change: left, width, height, top, transform;
828
828
  transform: translateZ(0) scale(var(--slider-scale, 1));
package/styles/global.css CHANGED
@@ -129,14 +129,14 @@
129
129
  }
130
130
 
131
131
  .glass-inverse {
132
- background: rgba(24, 1, 58, 0.2);
132
+ background: rgba(58, 42, 88, 0.2);
133
133
  backdrop-filter: blur(var(--glass-blur-md));
134
134
  -webkit-backdrop-filter: blur(var(--glass-blur-md));
135
135
  border: 1px solid rgba(255, 255, 255, 0.1);
136
136
  }
137
137
 
138
138
  .glass-card {
139
- background: linear-gradient(115deg, #951ddb75, #ffffff90, #ffffff70, #ffffff61, #ed1e799e);
139
+ background: linear-gradient(115deg, #7c5bbb75, #ffffff90, #ffffff70, #ffffff61, #975ab69e);
140
140
  backdrop-filter: blur(15px);
141
141
  border-radius: 25px;
142
142
  box-shadow:
@@ -153,28 +153,28 @@
153
153
  }
154
154
 
155
155
  .cc-scrollbar-purple {
156
- --cc-scrollbar-track: rgba(149, 29, 219, 0.08);
157
- --cc-scrollbar-thumb: rgba(149, 29, 219, 0.26);
156
+ --cc-scrollbar-track: rgba(124, 91, 187, 0.08);
157
+ --cc-scrollbar-thumb: rgba(124, 91, 187, 0.26);
158
158
  --cc-scrollbar-thumb-highlight: rgba(255, 255, 255, 0.35);
159
- --cc-scrollbar-thumb-hover: rgba(149, 29, 219, 0.34);
159
+ --cc-scrollbar-thumb-hover: var(--cc-hover-overlay);
160
160
  --cc-scrollbar-thumb-border: rgba(255, 255, 255, 0.34);
161
- --cc-scrollbar-glow: rgba(149, 29, 219, 0.35);
161
+ --cc-scrollbar-glow: rgba(124, 91, 187, 0.35);
162
162
  }
163
163
 
164
164
  .dark .cc-scrollbar-purple {
165
- --cc-scrollbar-track: rgba(149, 29, 219, 0.16);
166
- --cc-scrollbar-thumb: rgba(149, 29, 219, 0.42);
167
- --cc-scrollbar-thumb-highlight: rgba(237, 30, 121, 0.24);
168
- --cc-scrollbar-thumb-hover: rgba(149, 29, 219, 0.55);
165
+ --cc-scrollbar-track: rgba(124, 91, 187, 0.16);
166
+ --cc-scrollbar-thumb: rgba(124, 91, 187, 0.42);
167
+ --cc-scrollbar-thumb-highlight: rgba(151, 90, 182, 0.24);
168
+ --cc-scrollbar-thumb-hover: var(--cc-hover-overlay);
169
169
  --cc-scrollbar-thumb-border: rgba(255, 255, 255, 0.2);
170
- --cc-scrollbar-glow: rgba(149, 29, 219, 0.5);
170
+ --cc-scrollbar-glow: rgba(124, 91, 187, 0.5);
171
171
  }
172
172
 
173
173
  .cc-scrollbar-pink {
174
174
  --cc-scrollbar-track: rgba(237, 30, 121, 0.08);
175
175
  --cc-scrollbar-thumb: rgba(237, 30, 121, 0.26);
176
176
  --cc-scrollbar-thumb-highlight: rgba(255, 255, 255, 0.35);
177
- --cc-scrollbar-thumb-hover: rgba(237, 30, 121, 0.35);
177
+ --cc-scrollbar-thumb-hover: var(--cc-hover-overlay);
178
178
  --cc-scrollbar-thumb-border: rgba(255, 255, 255, 0.34);
179
179
  --cc-scrollbar-glow: rgba(237, 30, 121, 0.36);
180
180
  }
@@ -182,35 +182,35 @@
182
182
  .dark .cc-scrollbar-pink {
183
183
  --cc-scrollbar-track: rgba(237, 30, 121, 0.18);
184
184
  --cc-scrollbar-thumb: rgba(237, 30, 121, 0.45);
185
- --cc-scrollbar-thumb-highlight: rgba(149, 29, 219, 0.3);
186
- --cc-scrollbar-thumb-hover: rgba(237, 30, 121, 0.6);
185
+ --cc-scrollbar-thumb-highlight: rgba(124, 91, 187, 0.3);
186
+ --cc-scrollbar-thumb-hover: var(--cc-hover-overlay);
187
187
  --cc-scrollbar-thumb-border: rgba(255, 255, 255, 0.22);
188
188
  --cc-scrollbar-glow: rgba(237, 30, 121, 0.58);
189
189
  }
190
190
 
191
191
  .cc-scrollbar-theme-light {
192
- --cc-scrollbar-track: rgba(149, 29, 219, 0.08);
193
- --cc-scrollbar-thumb: rgba(149, 29, 219, 0.26);
192
+ --cc-scrollbar-track: rgba(124, 91, 187, 0.08);
193
+ --cc-scrollbar-thumb: rgba(124, 91, 187, 0.26);
194
194
  --cc-scrollbar-thumb-highlight: rgba(255, 255, 255, 0.35);
195
- --cc-scrollbar-thumb-hover: rgba(149, 29, 219, 0.34);
195
+ --cc-scrollbar-thumb-hover: var(--cc-hover-overlay);
196
196
  --cc-scrollbar-thumb-border: rgba(255, 255, 255, 0.34);
197
- --cc-scrollbar-glow: rgba(149, 29, 219, 0.35);
197
+ --cc-scrollbar-glow: rgba(124, 91, 187, 0.35);
198
198
  }
199
199
 
200
200
  .cc-scrollbar-theme-dark {
201
- --cc-scrollbar-track: rgba(149, 29, 219, 0.16);
202
- --cc-scrollbar-thumb: rgba(149, 29, 219, 0.42);
203
- --cc-scrollbar-thumb-highlight: rgba(237, 30, 121, 0.24);
204
- --cc-scrollbar-thumb-hover: rgba(149, 29, 219, 0.55);
201
+ --cc-scrollbar-track: rgba(124, 91, 187, 0.16);
202
+ --cc-scrollbar-thumb: rgba(124, 91, 187, 0.42);
203
+ --cc-scrollbar-thumb-highlight: rgba(151, 90, 182, 0.24);
204
+ --cc-scrollbar-thumb-hover: var(--cc-hover-overlay);
205
205
  --cc-scrollbar-thumb-border: rgba(255, 255, 255, 0.2);
206
- --cc-scrollbar-glow: rgba(149, 29, 219, 0.5);
206
+ --cc-scrollbar-glow: rgba(124, 91, 187, 0.5);
207
207
  }
208
208
 
209
209
  .cc-scrollbar-pink.cc-scrollbar-theme-light {
210
210
  --cc-scrollbar-track: rgba(237, 30, 121, 0.08);
211
211
  --cc-scrollbar-thumb: rgba(237, 30, 121, 0.26);
212
212
  --cc-scrollbar-thumb-highlight: rgba(255, 255, 255, 0.35);
213
- --cc-scrollbar-thumb-hover: rgba(237, 30, 121, 0.35);
213
+ --cc-scrollbar-thumb-hover: var(--cc-hover-overlay);
214
214
  --cc-scrollbar-thumb-border: rgba(255, 255, 255, 0.34);
215
215
  --cc-scrollbar-glow: rgba(237, 30, 121, 0.36);
216
216
  }
@@ -218,8 +218,8 @@
218
218
  .cc-scrollbar-pink.cc-scrollbar-theme-dark {
219
219
  --cc-scrollbar-track: rgba(237, 30, 121, 0.18);
220
220
  --cc-scrollbar-thumb: rgba(237, 30, 121, 0.45);
221
- --cc-scrollbar-thumb-highlight: rgba(149, 29, 219, 0.3);
222
- --cc-scrollbar-thumb-hover: rgba(237, 30, 121, 0.6);
221
+ --cc-scrollbar-thumb-highlight: rgba(124, 91, 187, 0.3);
222
+ --cc-scrollbar-thumb-hover: var(--cc-hover-overlay);
223
223
  --cc-scrollbar-thumb-border: rgba(255, 255, 255, 0.22);
224
224
  --cc-scrollbar-glow: rgba(237, 30, 121, 0.58);
225
225
  }
@@ -246,7 +246,7 @@
246
246
  position: relative;
247
247
  transition: all 0.3s ease;
248
248
  border-radius: 1rem;
249
- border: 1px solid #d33cfb4d;
249
+ border: 1px solid #7c5bbb4d;
250
250
  filter: grayscale(1);
251
251
  transform: scale(1);
252
252
  }
@@ -568,6 +568,7 @@
568
568
 
569
569
  .state-hover:hover {
570
570
  opacity: var(--opacity-hover);
571
+ background-color: var(--cc-hover-overlay);
571
572
  }
572
573
 
573
574
  .state-disabled {
@@ -660,7 +661,7 @@
660
661
  }
661
662
 
662
663
  .color-one {
663
- color: hsl(var(--cc-pink));
664
+ color: var(--color-one);
664
665
  }
665
666
 
666
667
  .color-four {
@@ -829,21 +830,21 @@
829
830
  }
830
831
 
831
832
  .circle__btn:hover {
832
- color: #951ddb40;
833
+ color: #7c5bbb40;
833
834
  background-color: #fff;
834
835
  }
835
836
 
836
837
  .dark .circle__btn:hover {
837
- color: rgba(237, 30, 121, 0.65);
838
+ color: var(--cc-hover-overlay);
838
839
  background-color: rgba(39, 27, 75, 0.95);
839
840
  }
840
841
 
841
842
  .circle__btn:hover ~ .circle__back-1 {
842
- background: linear-gradient(to bottom, #951ddb30 0%, #ed1e7930 100%);
843
+ background: linear-gradient(to bottom, #7c5bbb30 0%, #975ab630 100%);
843
844
  }
844
845
 
845
846
  .dark .circle__btn:hover ~ .circle__back-1 {
846
- background: linear-gradient(to bottom, rgba(149, 29, 219, 0.45) 0%, rgba(237, 30, 121, 0.45) 100%);
847
+ background: linear-gradient(to bottom, rgba(124, 91, 187, 0.45) 0%, rgba(151, 90, 182, 0.3) 100%);
847
848
  }
848
849
 
849
850
  .circle__btn.shadow {
@@ -1007,7 +1008,7 @@
1007
1008
  }
1008
1009
 
1009
1010
  .dialog-video-player button[data-slot='dialog-close'] {
1010
- background: #ed1e79;
1011
+ background: #975ab6;
1011
1012
  padding: 5px;
1012
1013
  border-radius: 100%;
1013
1014
  opacity: 1;
@@ -1193,15 +1194,15 @@
1193
1194
  .orcamento-to-step .orcamento-steps-numeros {
1194
1195
  max-width: 250px;
1195
1196
  margin: 0 auto;
1196
- border: solid 1px #951ddb14;
1197
+ border: solid 1px #7c5bbb14;
1197
1198
  padding: 5px 10px;
1198
1199
  border-radius: 20px;
1199
- background: #951ddb14;
1200
+ background: #7c5bbb14;
1200
1201
  overflow: hidden;
1201
1202
  }
1202
1203
 
1203
1204
  .orcamento-to-step .orcamento-steps-numeros-content {
1204
- background: #951ddb80;
1205
+ background: #7c5bbb80;
1205
1206
  width: 110%;
1206
1207
  left: 50%;
1207
1208
  transform: translate(-50%, 0px);
@@ -1306,6 +1307,16 @@
1306
1307
  }
1307
1308
 
1308
1309
  @layer utilities {
1310
+ .bg-\[\#7c5bbb\]\/30 {
1311
+ background-color: #7c5bbb4d;
1312
+ }
1313
+
1314
+ .dark .bg-\[\#7c5bbb\]\/30 {
1315
+ background-color: #3a2a5836;
1316
+ backdrop-filter: blur(10px);
1317
+ -webkit-backdrop-filter: blur(10px);
1318
+ }
1319
+
1309
1320
  /* Reduced motion */
1310
1321
  @media (prefers-reduced-motion: reduce) {
1311
1322
  *,