oraculo-ui 0.1.7 → 0.1.9

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 (34) hide show
  1. package/dist/OraculoSeccionBonoBienvenida-EDS6UQVL.mjs +9 -0
  2. package/dist/OraculoSeccionBonoBienvenida-MGMLDCRG.css +220 -0
  3. package/dist/OraculoSeccionCasino-GXRRODCJ.mjs +11 -0
  4. package/dist/OraculoSeccionCasino-Q2VV44XD.css +216 -0
  5. package/dist/OraculoSeccionCasinoEnVivo-ISYMJSUN.mjs +8 -0
  6. package/dist/OraculoSeccionCasinoEnVivo-MMXETHJA.css +156 -0
  7. package/dist/OraculoSeccionClubOlimpo-APZYPQ5V.css +116 -0
  8. package/dist/OraculoSeccionClubOlimpo-MYTRV5IN.css +273 -0
  9. package/dist/OraculoSeccionClubOlimpo-TV3LABJ5.mjs +9 -0
  10. package/dist/OraculoSeccionClubOlimpo-XGB4KUKX.mjs +7 -0
  11. package/dist/OraculoSeccionDestacados-QU6BT2NM.mjs +18 -0
  12. package/dist/OraculoSeccionDestacados-WQX2GQNY.css +397 -0
  13. package/dist/OraculoSeccionTopJuegos-3AR4L7SZ.css +59 -0
  14. package/dist/OraculoSeccionTopJuegos-FZUYQEMC.mjs +8 -0
  15. package/dist/OraculoSeccionVirtuales-MGW5X23B.mjs +11 -0
  16. package/dist/OraculoSeccionVirtuales-OP2CSKUP.css +216 -0
  17. package/dist/chunk-2D7ZJMJV.mjs +118 -0
  18. package/dist/chunk-5GTDKE3I.mjs +30 -0
  19. package/dist/chunk-AFPCFXMZ.mjs +174 -0
  20. package/dist/chunk-AIT7B2J3.mjs +192 -0
  21. package/dist/chunk-DKP3HTEP.mjs +183 -0
  22. package/dist/chunk-IJQLK4NO.mjs +73 -0
  23. package/dist/chunk-PVY5Z3JS.mjs +249 -0
  24. package/dist/chunk-PXIOKT7L.mjs +39177 -0
  25. package/dist/chunk-PZJSZNXJ.mjs +6 -0
  26. package/dist/chunk-VHW77D2M.mjs +91 -0
  27. package/dist/chunk-VIPLL6XT.mjs +43 -0
  28. package/dist/chunk-WPLILXPP.mjs +389 -0
  29. package/dist/chunk-YY5T37WR.mjs +175 -0
  30. package/dist/index.d.mts +45 -2
  31. package/dist/index.d.ts +45 -2
  32. package/dist/index.js +39897 -1277
  33. package/dist/index.mjs +41 -1812
  34. package/package.json +1 -1
package/dist/OraculoSeccionBonoBienvenida-EDS6UQVL.mjs ADDED
@@ -0,0 +1,9 @@
1
+ import {
2
+ OraculoSeccionBonoBienvenida_default
3
+ } from "./chunk-WPLILXPP.mjs";
4
+ import "./chunk-VHW77D2M.mjs";
5
+ import "./chunk-IJQLK4NO.mjs";
6
+ import "./chunk-VIPLL6XT.mjs";
7
+ export {
8
+ OraculoSeccionBonoBienvenida_default as default
9
+ };
package/dist/OraculoSeccionBonoBienvenida-MGMLDCRG.css ADDED
@@ -0,0 +1,220 @@
1
+ /* src/atoms/OraculoButton/OraculoButton.css */
2
+ .orc-btn {
3
+ --nl-green: #9EE86E;
4
+ --nl-hover-hex: #D9F6C6;
5
+ --nl-hover-alpha: .22;
6
+ --nl-press: #254B0C;
7
+ --nl-disabled-border: #4a5542;
8
+ --nl-disabled-fg: #4a5542;
9
+ --stroke-w: 1.5px;
10
+ --h: 32px;
11
+ --pad-x: 12px;
12
+ --pad-y: 8px;
13
+ --radius: 12px;
14
+ box-sizing: border-box;
15
+ height: var(--h);
16
+ font-family: var(--clmc-font);
17
+ display: inline-flex;
18
+ align-items: center;
19
+ justify-content: center;
20
+ gap: 8px;
21
+ cursor: pointer;
22
+ text-decoration: none;
23
+ border-radius: var(--radius);
24
+ outline: none;
25
+ position: relative;
26
+ padding: var(--pad-y) var(--pad-x);
27
+ border: 0;
28
+ }
29
+ .orc-btn__label {
30
+ color: currentColor;
31
+ font-size: 14px;
32
+ }
33
+ .orc-btn__icon {
34
+ color: currentColor;
35
+ display: inline-flex;
36
+ line-height: 0;
37
+ font-size: 18px;
38
+ }
39
+ .orc-btn--primary {
40
+ background: var(--nl-green);
41
+ color: #1C1C1C;
42
+ box-shadow: inset 0 0 0 var(--stroke-w) transparent;
43
+ }
44
+ .orc-btn--primary:hover {
45
+ background: var(--nl-hover-hex);
46
+ color: #1C1C1C;
47
+ }
48
+ .orc-btn--primary:active {
49
+ background: var(--nl-press);
50
+ color: #FFFFFF;
51
+ transform: translateY(1px);
52
+ }
53
+ .orc-btn--primary:disabled,
54
+ .orc-btn--primary[aria-disabled=true] {
55
+ background: transparent;
56
+ color: var(--nl-disabled-fg);
57
+ box-shadow: inset 0 0 0 var(--stroke-w) var(--nl-disabled-border);
58
+ cursor: not-allowed;
59
+ transform: none;
60
+ opacity: 1;
61
+ }
62
+ .orc-btn--secondary {
63
+ background: transparent;
64
+ color: var(--nl-green);
65
+ box-shadow: inset 0 0 0 var(--stroke-w) var(--nl-green);
66
+ }
67
+ .orc-btn--secondary:hover {
68
+ background: rgba(229, 244, 219, var(--nl-hover-alpha)) !important;
69
+ color: var(--nl-hover-hex);
70
+ box-shadow: inset 0 0 0 var(--stroke-w) var(--nl-hover-hex);
71
+ }
72
+ .orc-btn--secondary:active {
73
+ transform: translateY(1px);
74
+ color: var(--nl-press);
75
+ box-shadow: inset 0 0 0 var(--stroke-w) var(--nl-press);
76
+ background: rgba(37, 75, 12, 0.10);
77
+ }
78
+ .orc-btn--secondary:focus-visible {
79
+ box-shadow: inset 0 0 0 var(--stroke-w) var(--nl-green), 0 0 0 3px rgba(197, 228, 177, .45);
80
+ }
81
+ .orc-btn--secondary:disabled,
82
+ .orc-btn--secondary[aria-disabled=true] {
83
+ background: transparent;
84
+ color: var(--nl-disabled-fg);
85
+ box-shadow: inset 0 0 0 var(--stroke-w) var(--nl-disabled-border);
86
+ cursor: not-allowed;
87
+ }
88
+ .orc-btn--tertiary {
89
+ background: transparent;
90
+ color: var(--nl-green);
91
+ box-shadow: none;
92
+ }
93
+ .orc-btn--tertiary:hover {
94
+ color: var(--nl-hover-hex);
95
+ }
96
+ .orc-btn--tertiary:active {
97
+ color: var(--nl-press);
98
+ background: rgba(37, 75, 12, 0.08);
99
+ transform: translateY(1px);
100
+ }
101
+ .orc-btn--tertiary:focus-visible {
102
+ box-shadow: 0 0 0 3px rgba(197, 228, 177, .45);
103
+ }
104
+ .orc-btn--tertiary:disabled,
105
+ .orc-btn--tertiary[aria-disabled=true] {
106
+ color: var(--nl-disabled-fg);
107
+ background: transparent;
108
+ box-shadow: none;
109
+ cursor: not-allowed;
110
+ }
111
+ .orc-btn--sm {
112
+ --h: 32px;
113
+ --pad-y: 8px;
114
+ --pad-x: 12px;
115
+ --radius: 12px;
116
+ }
117
+ .orc-btn--md {
118
+ --h: 40px;
119
+ --pad-y: 10px;
120
+ --pad-x: 16px;
121
+ --radius: 12px;
122
+ }
123
+ .orc-btn--lg {
124
+ --h: 48px;
125
+ --pad-y: 12px;
126
+ --pad-x: 20px;
127
+ --radius: 16px;
128
+ }
129
+ .orc-btn--sm .orc-btn__label,
130
+ .orc-btn--md .orc-btn__label,
131
+ .orc-btn--lg .orc-btn__label {
132
+ font-size: 14px !important;
133
+ }
134
+ .orc-btn--iconOnly {
135
+ width: 40px;
136
+ min-width: 40px;
137
+ padding: 0;
138
+ }
139
+ .orc-btn--sm.orc-btn--iconOnly {
140
+ width: 32px;
141
+ min-width: 32px;
142
+ }
143
+ .orc-btn--md.orc-btn--iconOnly {
144
+ width: 40px;
145
+ min-width: 40px;
146
+ }
147
+ .orc-btn--lg.orc-btn--iconOnly {
148
+ width: 48px;
149
+ min-width: 48px;
150
+ }
151
+ .orc-btn--full {
152
+ width: 100%;
153
+ }
154
+ .orc-btn--fullHeight {
155
+ height: 100%;
156
+ }
157
+
158
+ /* src/atoms/OraculoCarouselDots/OraculoCarouselDots.css */
159
+ .orc-dots {
160
+ --dot-size: 8px;
161
+ --dot-cell: 20px;
162
+ --dot-active-h: 8px;
163
+ --dot-active-w: 20px;
164
+ --dot-bg: #ffffff;
165
+ --dot-surface: #ffffff;
166
+ --dot-accent: #9EE86E;
167
+ display: flex;
168
+ gap: 0px;
169
+ justify-content: center;
170
+ margin-top: 10px;
171
+ }
172
+ .orc-dots__cell {
173
+ width: var(--dot-cell);
174
+ display: inline-flex;
175
+ justify-content: center;
176
+ }
177
+ .orc-dots__dot {
178
+ width: var(--dot-size);
179
+ height: var(--dot-size);
180
+ border-radius: 9999px;
181
+ background: var(--dot-bg);
182
+ border: 0;
183
+ padding: 0;
184
+ cursor: pointer;
185
+ position: relative;
186
+ transition:
187
+ transform .15s ease,
188
+ background .15s ease,
189
+ width .2s ease,
190
+ height .2s ease;
191
+ }
192
+ .orc-dots__dot:hover {
193
+ transform: scale(1.06);
194
+ }
195
+ .orc-dots__dot--active {
196
+ width: var(--dot-active-w);
197
+ height: var(--dot-active-h);
198
+ border-radius: 9999px;
199
+ background: #fff;
200
+ position: relative;
201
+ overflow: hidden;
202
+ }
203
+ .orc-dots__dot--active::after {
204
+ content: "";
205
+ position: absolute;
206
+ top: 0;
207
+ bottom: 0;
208
+ left: 0;
209
+ width: 40%;
210
+ background: var(--dot-accent);
211
+ border-radius: inherit;
212
+ }
213
+ .orc-dots__dot--active {
214
+ outline: 0;
215
+ outline-offset: 0;
216
+ }
217
+ .orc-dots__dot:focus-visible {
218
+ outline: 2px solid var(--dot-accent);
219
+ outline-offset: 2px;
220
+ }
package/dist/OraculoSeccionCasino-GXRRODCJ.mjs ADDED
@@ -0,0 +1,11 @@
1
+ import {
2
+ OraculoSeccionCasino_default
3
+ } from "./chunk-AFPCFXMZ.mjs";
4
+ import "./chunk-AIT7B2J3.mjs";
5
+ import "./chunk-5GTDKE3I.mjs";
6
+ import "./chunk-VHW77D2M.mjs";
7
+ import "./chunk-IJQLK4NO.mjs";
8
+ import "./chunk-VIPLL6XT.mjs";
9
+ export {
10
+ OraculoSeccionCasino_default as default
11
+ };
package/dist/OraculoSeccionCasino-Q2VV44XD.css ADDED
@@ -0,0 +1,216 @@
1
+ /* src/atoms/OraculoSectionTitle/OraculoSectionTitle.css */
2
+ .orc-section-title {
3
+ display: flex;
4
+ align-items: center;
5
+ gap: 8px;
6
+ }
7
+ .orc-section-title__icon {
8
+ width: 40px;
9
+ height: 40px;
10
+ object-fit: none;
11
+ }
12
+ .orc-section-title__title {
13
+ margin: 0;
14
+ font-weight: 700;
15
+ letter-spacing: 0;
16
+ color: #ffffff;
17
+ }
18
+ .orc-section-title--xs .orc-section-title__title {
19
+ font-size: 14px;
20
+ line-height: 18px;
21
+ }
22
+ .orc-section-title--sm .orc-section-title__title {
23
+ font-size: 18px;
24
+ line-height: 24px;
25
+ }
26
+ .orc-section-title--md .orc-section-title__title {
27
+ font-size: 32px;
28
+ line-height: 48px;
29
+ }
30
+ .orc-section-title--lg .orc-section-title__title {
31
+ font-size: 22px;
32
+ line-height: 30px;
33
+ }
34
+ .orc-section-title--xs .orc-section-title__icon {
35
+ width: 24px;
36
+ height: 24px;
37
+ }
38
+ @media (max-width: 768px) {
39
+ .orc-section-title__icon {
40
+ width: 24px;
41
+ height: 24px;
42
+ }
43
+ .orc-section-title--xs .orc-section-title__title {
44
+ font-size: 14px;
45
+ line-height: 18px;
46
+ }
47
+ .orc-section-title--sm .orc-section-title__title {
48
+ font-size: 16px;
49
+ line-height: 22px;
50
+ }
51
+ .orc-section-title--md .orc-section-title__title {
52
+ font-size: 18px;
53
+ line-height: 24px;
54
+ }
55
+ .orc-section-title--lg .orc-section-title__title {
56
+ font-size: 20px;
57
+ line-height: 26px;
58
+ }
59
+ }
60
+
61
+ /* src/atoms/OraculoButton/OraculoButton.css */
62
+ .orc-btn {
63
+ --nl-green: #9EE86E;
64
+ --nl-hover-hex: #D9F6C6;
65
+ --nl-hover-alpha: .22;
66
+ --nl-press: #254B0C;
67
+ --nl-disabled-border: #4a5542;
68
+ --nl-disabled-fg: #4a5542;
69
+ --stroke-w: 1.5px;
70
+ --h: 32px;
71
+ --pad-x: 12px;
72
+ --pad-y: 8px;
73
+ --radius: 12px;
74
+ box-sizing: border-box;
75
+ height: var(--h);
76
+ font-family: var(--clmc-font);
77
+ display: inline-flex;
78
+ align-items: center;
79
+ justify-content: center;
80
+ gap: 8px;
81
+ cursor: pointer;
82
+ text-decoration: none;
83
+ border-radius: var(--radius);
84
+ outline: none;
85
+ position: relative;
86
+ padding: var(--pad-y) var(--pad-x);
87
+ border: 0;
88
+ }
89
+ .orc-btn__label {
90
+ color: currentColor;
91
+ font-size: 14px;
92
+ }
93
+ .orc-btn__icon {
94
+ color: currentColor;
95
+ display: inline-flex;
96
+ line-height: 0;
97
+ font-size: 18px;
98
+ }
99
+ .orc-btn--primary {
100
+ background: var(--nl-green);
101
+ color: #1C1C1C;
102
+ box-shadow: inset 0 0 0 var(--stroke-w) transparent;
103
+ }
104
+ .orc-btn--primary:hover {
105
+ background: var(--nl-hover-hex);
106
+ color: #1C1C1C;
107
+ }
108
+ .orc-btn--primary:active {
109
+ background: var(--nl-press);
110
+ color: #FFFFFF;
111
+ transform: translateY(1px);
112
+ }
113
+ .orc-btn--primary:disabled,
114
+ .orc-btn--primary[aria-disabled=true] {
115
+ background: transparent;
116
+ color: var(--nl-disabled-fg);
117
+ box-shadow: inset 0 0 0 var(--stroke-w) var(--nl-disabled-border);
118
+ cursor: not-allowed;
119
+ transform: none;
120
+ opacity: 1;
121
+ }
122
+ .orc-btn--secondary {
123
+ background: transparent;
124
+ color: var(--nl-green);
125
+ box-shadow: inset 0 0 0 var(--stroke-w) var(--nl-green);
126
+ }
127
+ .orc-btn--secondary:hover {
128
+ background: rgba(229, 244, 219, var(--nl-hover-alpha)) !important;
129
+ color: var(--nl-hover-hex);
130
+ box-shadow: inset 0 0 0 var(--stroke-w) var(--nl-hover-hex);
131
+ }
132
+ .orc-btn--secondary:active {
133
+ transform: translateY(1px);
134
+ color: var(--nl-press);
135
+ box-shadow: inset 0 0 0 var(--stroke-w) var(--nl-press);
136
+ background: rgba(37, 75, 12, 0.10);
137
+ }
138
+ .orc-btn--secondary:focus-visible {
139
+ box-shadow: inset 0 0 0 var(--stroke-w) var(--nl-green), 0 0 0 3px rgba(197, 228, 177, .45);
140
+ }
141
+ .orc-btn--secondary:disabled,
142
+ .orc-btn--secondary[aria-disabled=true] {
143
+ background: transparent;
144
+ color: var(--nl-disabled-fg);
145
+ box-shadow: inset 0 0 0 var(--stroke-w) var(--nl-disabled-border);
146
+ cursor: not-allowed;
147
+ }
148
+ .orc-btn--tertiary {
149
+ background: transparent;
150
+ color: var(--nl-green);
151
+ box-shadow: none;
152
+ }
153
+ .orc-btn--tertiary:hover {
154
+ color: var(--nl-hover-hex);
155
+ }
156
+ .orc-btn--tertiary:active {
157
+ color: var(--nl-press);
158
+ background: rgba(37, 75, 12, 0.08);
159
+ transform: translateY(1px);
160
+ }
161
+ .orc-btn--tertiary:focus-visible {
162
+ box-shadow: 0 0 0 3px rgba(197, 228, 177, .45);
163
+ }
164
+ .orc-btn--tertiary:disabled,
165
+ .orc-btn--tertiary[aria-disabled=true] {
166
+ color: var(--nl-disabled-fg);
167
+ background: transparent;
168
+ box-shadow: none;
169
+ cursor: not-allowed;
170
+ }
171
+ .orc-btn--sm {
172
+ --h: 32px;
173
+ --pad-y: 8px;
174
+ --pad-x: 12px;
175
+ --radius: 12px;
176
+ }
177
+ .orc-btn--md {
178
+ --h: 40px;
179
+ --pad-y: 10px;
180
+ --pad-x: 16px;
181
+ --radius: 12px;
182
+ }
183
+ .orc-btn--lg {
184
+ --h: 48px;
185
+ --pad-y: 12px;
186
+ --pad-x: 20px;
187
+ --radius: 16px;
188
+ }
189
+ .orc-btn--sm .orc-btn__label,
190
+ .orc-btn--md .orc-btn__label,
191
+ .orc-btn--lg .orc-btn__label {
192
+ font-size: 14px !important;
193
+ }
194
+ .orc-btn--iconOnly {
195
+ width: 40px;
196
+ min-width: 40px;
197
+ padding: 0;
198
+ }
199
+ .orc-btn--sm.orc-btn--iconOnly {
200
+ width: 32px;
201
+ min-width: 32px;
202
+ }
203
+ .orc-btn--md.orc-btn--iconOnly {
204
+ width: 40px;
205
+ min-width: 40px;
206
+ }
207
+ .orc-btn--lg.orc-btn--iconOnly {
208
+ width: 48px;
209
+ min-width: 48px;
210
+ }
211
+ .orc-btn--full {
212
+ width: 100%;
213
+ }
214
+ .orc-btn--fullHeight {
215
+ height: 100%;
216
+ }
package/dist/OraculoSeccionCasinoEnVivo-ISYMJSUN.mjs ADDED
@@ -0,0 +1,8 @@
1
+ import {
2
+ OraculoSeccionCasinoEnVivo_default
3
+ } from "./chunk-PVY5Z3JS.mjs";
4
+ import "./chunk-IJQLK4NO.mjs";
5
+ import "./chunk-VIPLL6XT.mjs";
6
+ export {
7
+ OraculoSeccionCasinoEnVivo_default as default
8
+ };
package/dist/OraculoSeccionCasinoEnVivo-MMXETHJA.css ADDED
@@ -0,0 +1,156 @@
1
+ /* src/atoms/OraculoButton/OraculoButton.css */
2
+ .orc-btn {
3
+ --nl-green: #9EE86E;
4
+ --nl-hover-hex: #D9F6C6;
5
+ --nl-hover-alpha: .22;
6
+ --nl-press: #254B0C;
7
+ --nl-disabled-border: #4a5542;
8
+ --nl-disabled-fg: #4a5542;
9
+ --stroke-w: 1.5px;
10
+ --h: 32px;
11
+ --pad-x: 12px;
12
+ --pad-y: 8px;
13
+ --radius: 12px;
14
+ box-sizing: border-box;
15
+ height: var(--h);
16
+ font-family: var(--clmc-font);
17
+ display: inline-flex;
18
+ align-items: center;
19
+ justify-content: center;
20
+ gap: 8px;
21
+ cursor: pointer;
22
+ text-decoration: none;
23
+ border-radius: var(--radius);
24
+ outline: none;
25
+ position: relative;
26
+ padding: var(--pad-y) var(--pad-x);
27
+ border: 0;
28
+ }
29
+ .orc-btn__label {
30
+ color: currentColor;
31
+ font-size: 14px;
32
+ }
33
+ .orc-btn__icon {
34
+ color: currentColor;
35
+ display: inline-flex;
36
+ line-height: 0;
37
+ font-size: 18px;
38
+ }
39
+ .orc-btn--primary {
40
+ background: var(--nl-green);
41
+ color: #1C1C1C;
42
+ box-shadow: inset 0 0 0 var(--stroke-w) transparent;
43
+ }
44
+ .orc-btn--primary:hover {
45
+ background: var(--nl-hover-hex);
46
+ color: #1C1C1C;
47
+ }
48
+ .orc-btn--primary:active {
49
+ background: var(--nl-press);
50
+ color: #FFFFFF;
51
+ transform: translateY(1px);
52
+ }
53
+ .orc-btn--primary:disabled,
54
+ .orc-btn--primary[aria-disabled=true] {
55
+ background: transparent;
56
+ color: var(--nl-disabled-fg);
57
+ box-shadow: inset 0 0 0 var(--stroke-w) var(--nl-disabled-border);
58
+ cursor: not-allowed;
59
+ transform: none;
60
+ opacity: 1;
61
+ }
62
+ .orc-btn--secondary {
63
+ background: transparent;
64
+ color: var(--nl-green);
65
+ box-shadow: inset 0 0 0 var(--stroke-w) var(--nl-green);
66
+ }
67
+ .orc-btn--secondary:hover {
68
+ background: rgba(229, 244, 219, var(--nl-hover-alpha)) !important;
69
+ color: var(--nl-hover-hex);
70
+ box-shadow: inset 0 0 0 var(--stroke-w) var(--nl-hover-hex);
71
+ }
72
+ .orc-btn--secondary:active {
73
+ transform: translateY(1px);
74
+ color: var(--nl-press);
75
+ box-shadow: inset 0 0 0 var(--stroke-w) var(--nl-press);
76
+ background: rgba(37, 75, 12, 0.10);
77
+ }
78
+ .orc-btn--secondary:focus-visible {
79
+ box-shadow: inset 0 0 0 var(--stroke-w) var(--nl-green), 0 0 0 3px rgba(197, 228, 177, .45);
80
+ }
81
+ .orc-btn--secondary:disabled,
82
+ .orc-btn--secondary[aria-disabled=true] {
83
+ background: transparent;
84
+ color: var(--nl-disabled-fg);
85
+ box-shadow: inset 0 0 0 var(--stroke-w) var(--nl-disabled-border);
86
+ cursor: not-allowed;
87
+ }
88
+ .orc-btn--tertiary {
89
+ background: transparent;
90
+ color: var(--nl-green);
91
+ box-shadow: none;
92
+ }
93
+ .orc-btn--tertiary:hover {
94
+ color: var(--nl-hover-hex);
95
+ }
96
+ .orc-btn--tertiary:active {
97
+ color: var(--nl-press);
98
+ background: rgba(37, 75, 12, 0.08);
99
+ transform: translateY(1px);
100
+ }
101
+ .orc-btn--tertiary:focus-visible {
102
+ box-shadow: 0 0 0 3px rgba(197, 228, 177, .45);
103
+ }
104
+ .orc-btn--tertiary:disabled,
105
+ .orc-btn--tertiary[aria-disabled=true] {
106
+ color: var(--nl-disabled-fg);
107
+ background: transparent;
108
+ box-shadow: none;
109
+ cursor: not-allowed;
110
+ }
111
+ .orc-btn--sm {
112
+ --h: 32px;
113
+ --pad-y: 8px;
114
+ --pad-x: 12px;
115
+ --radius: 12px;
116
+ }
117
+ .orc-btn--md {
118
+ --h: 40px;
119
+ --pad-y: 10px;
120
+ --pad-x: 16px;
121
+ --radius: 12px;
122
+ }
123
+ .orc-btn--lg {
124
+ --h: 48px;
125
+ --pad-y: 12px;
126
+ --pad-x: 20px;
127
+ --radius: 16px;
128
+ }
129
+ .orc-btn--sm .orc-btn__label,
130
+ .orc-btn--md .orc-btn__label,
131
+ .orc-btn--lg .orc-btn__label {
132
+ font-size: 14px !important;
133
+ }
134
+ .orc-btn--iconOnly {
135
+ width: 40px;
136
+ min-width: 40px;
137
+ padding: 0;
138
+ }
139
+ .orc-btn--sm.orc-btn--iconOnly {
140
+ width: 32px;
141
+ min-width: 32px;
142
+ }
143
+ .orc-btn--md.orc-btn--iconOnly {
144
+ width: 40px;
145
+ min-width: 40px;
146
+ }
147
+ .orc-btn--lg.orc-btn--iconOnly {
148
+ width: 48px;
149
+ min-width: 48px;
150
+ }
151
+ .orc-btn--full {
152
+ width: 100%;
153
+ }
154
+ .orc-btn--fullHeight {
155
+ height: 100%;
156
+ }