@omnikit-js/ui 0.9.20 → 0.9.22
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.
- package/dist/{chunk-UAN65U7P.js → chunk-7AYD5TRL.js} +3 -3
- package/dist/{chunk-UAN65U7P.js.map → chunk-7AYD5TRL.js.map} +1 -1
- package/dist/{chunk-L7N56HNE.js → chunk-FETPTCD3.js} +22 -22
- package/dist/chunk-FETPTCD3.js.map +1 -0
- package/dist/components/client/index.css +160 -0
- package/dist/components/client/index.css.map +1 -0
- package/dist/components/client/index.js +2 -2
- package/dist/components/server/index.css +160 -0
- package/dist/components/server/index.css.map +1 -0
- package/dist/components/server/index.js +2 -2
- package/dist/index.css +160 -0
- package/dist/index.css.map +1 -0
- package/dist/index.js +2 -2
- package/package.json +1 -1
- package/dist/chunk-L7N56HNE.js.map +0 -1
|
@@ -0,0 +1,160 @@
|
|
|
1
|
+
/* src/components/client/BillingContent/styles.css */
|
|
2
|
+
@layer components {
|
|
3
|
+
.okt-billing,
|
|
4
|
+
.okt-billing * {
|
|
5
|
+
box-sizing: border-box !important;
|
|
6
|
+
}
|
|
7
|
+
.okt-billing .okt-card-border {
|
|
8
|
+
border-width: 1px !important;
|
|
9
|
+
border-style: solid !important;
|
|
10
|
+
border-color: #e5e7eb !important;
|
|
11
|
+
border-radius: 0.5rem !important;
|
|
12
|
+
}
|
|
13
|
+
.okt-billing .okt-card-border:hover {
|
|
14
|
+
background-color: #f9fafb !important;
|
|
15
|
+
}
|
|
16
|
+
@media (prefers-color-scheme: dark) {
|
|
17
|
+
.okt-billing .okt-card-border {
|
|
18
|
+
border-color: #404040 !important;
|
|
19
|
+
}
|
|
20
|
+
.okt-billing .okt-card-border:hover {
|
|
21
|
+
background-color: #262626 !important;
|
|
22
|
+
}
|
|
23
|
+
}
|
|
24
|
+
.dark .okt-billing .okt-card-border {
|
|
25
|
+
border-color: #404040 !important;
|
|
26
|
+
}
|
|
27
|
+
.dark .okt-billing .okt-card-border:hover {
|
|
28
|
+
background-color: #262626 !important;
|
|
29
|
+
}
|
|
30
|
+
.okt-billing .okt-plan-card {
|
|
31
|
+
border-width: 2px !important;
|
|
32
|
+
border-style: solid !important;
|
|
33
|
+
border-radius: 0.5rem !important;
|
|
34
|
+
}
|
|
35
|
+
.okt-billing .okt-plan-card-default {
|
|
36
|
+
border-color: #e5e7eb !important;
|
|
37
|
+
}
|
|
38
|
+
.okt-billing .okt-plan-card-selected {
|
|
39
|
+
border-color: #2563eb !important;
|
|
40
|
+
}
|
|
41
|
+
@media (prefers-color-scheme: dark) {
|
|
42
|
+
.okt-billing .okt-plan-card-default {
|
|
43
|
+
border-color: #404040 !important;
|
|
44
|
+
}
|
|
45
|
+
.okt-billing .okt-plan-card-selected {
|
|
46
|
+
border-color: #3b82f6 !important;
|
|
47
|
+
}
|
|
48
|
+
}
|
|
49
|
+
.dark .okt-billing .okt-plan-card-default {
|
|
50
|
+
border-color: #404040 !important;
|
|
51
|
+
}
|
|
52
|
+
.dark .okt-billing .okt-plan-card-selected {
|
|
53
|
+
border-color: #3b82f6 !important;
|
|
54
|
+
}
|
|
55
|
+
.okt-billing .okt-empty-border {
|
|
56
|
+
border-width: 1px !important;
|
|
57
|
+
border-style: dashed !important;
|
|
58
|
+
border-color: #d1d5db !important;
|
|
59
|
+
border-radius: 0.5rem !important;
|
|
60
|
+
}
|
|
61
|
+
@media (prefers-color-scheme: dark) {
|
|
62
|
+
.okt-billing .okt-empty-border {
|
|
63
|
+
border-color: #404040 !important;
|
|
64
|
+
}
|
|
65
|
+
}
|
|
66
|
+
.dark .okt-billing .okt-empty-border {
|
|
67
|
+
border-color: #404040 !important;
|
|
68
|
+
}
|
|
69
|
+
.okt-billing .okt-divider {
|
|
70
|
+
border-top-width: 1px !important;
|
|
71
|
+
border-top-style: solid !important;
|
|
72
|
+
border-top-color: #e5e7eb !important;
|
|
73
|
+
}
|
|
74
|
+
@media (prefers-color-scheme: dark) {
|
|
75
|
+
.okt-billing .okt-divider {
|
|
76
|
+
border-top-color: #374151 !important;
|
|
77
|
+
}
|
|
78
|
+
}
|
|
79
|
+
.dark .okt-billing .okt-divider {
|
|
80
|
+
border-top-color: #374151 !important;
|
|
81
|
+
}
|
|
82
|
+
.okt-billing .okt-alert-warning {
|
|
83
|
+
border-width: 1px !important;
|
|
84
|
+
border-style: solid !important;
|
|
85
|
+
border-color: #fde68a !important;
|
|
86
|
+
border-radius: 0.5rem !important;
|
|
87
|
+
}
|
|
88
|
+
.okt-billing .okt-alert-success {
|
|
89
|
+
border-width: 1px !important;
|
|
90
|
+
border-style: solid !important;
|
|
91
|
+
border-color: #bbf7d0 !important;
|
|
92
|
+
border-radius: 0.5rem !important;
|
|
93
|
+
}
|
|
94
|
+
.okt-billing .okt-alert-error {
|
|
95
|
+
border-width: 1px !important;
|
|
96
|
+
border-style: solid !important;
|
|
97
|
+
border-color: #fecaca !important;
|
|
98
|
+
border-radius: 0.5rem !important;
|
|
99
|
+
}
|
|
100
|
+
@media (prefers-color-scheme: dark) {
|
|
101
|
+
.okt-billing .okt-alert-warning {
|
|
102
|
+
border-color: #854d0e !important;
|
|
103
|
+
}
|
|
104
|
+
.okt-billing .okt-alert-success {
|
|
105
|
+
border-color: #166534 !important;
|
|
106
|
+
}
|
|
107
|
+
.okt-billing .okt-alert-error {
|
|
108
|
+
border-color: #991b1b !important;
|
|
109
|
+
}
|
|
110
|
+
}
|
|
111
|
+
.dark .okt-billing .okt-alert-warning {
|
|
112
|
+
border-color: #854d0e !important;
|
|
113
|
+
}
|
|
114
|
+
.dark .okt-billing .okt-alert-success {
|
|
115
|
+
border-color: #166534 !important;
|
|
116
|
+
}
|
|
117
|
+
.dark .okt-billing .okt-alert-error {
|
|
118
|
+
border-color: #991b1b !important;
|
|
119
|
+
}
|
|
120
|
+
.okt-billing .okt-selectable {
|
|
121
|
+
border-width: 2px !important;
|
|
122
|
+
border-style: solid !important;
|
|
123
|
+
border-radius: 0.5rem !important;
|
|
124
|
+
cursor: pointer !important;
|
|
125
|
+
transition: border-color 0.15s ease !important;
|
|
126
|
+
}
|
|
127
|
+
.okt-billing .okt-selectable-default {
|
|
128
|
+
border-color: #e5e7eb !important;
|
|
129
|
+
}
|
|
130
|
+
.okt-billing .okt-selectable-default:hover {
|
|
131
|
+
border-color: #d1d5db !important;
|
|
132
|
+
}
|
|
133
|
+
.okt-billing .okt-selectable-selected {
|
|
134
|
+
border-color: #3b82f6 !important;
|
|
135
|
+
background-color: #eff6ff !important;
|
|
136
|
+
}
|
|
137
|
+
@media (prefers-color-scheme: dark) {
|
|
138
|
+
.okt-billing .okt-selectable-default {
|
|
139
|
+
border-color: #404040 !important;
|
|
140
|
+
}
|
|
141
|
+
.okt-billing .okt-selectable-default:hover {
|
|
142
|
+
border-color: #525252 !important;
|
|
143
|
+
}
|
|
144
|
+
.okt-billing .okt-selectable-selected {
|
|
145
|
+
border-color: #3b82f6 !important;
|
|
146
|
+
background-color: rgba(59, 130, 246, 0.1) !important;
|
|
147
|
+
}
|
|
148
|
+
}
|
|
149
|
+
.dark .okt-billing .okt-selectable-default {
|
|
150
|
+
border-color: #404040 !important;
|
|
151
|
+
}
|
|
152
|
+
.dark .okt-billing .okt-selectable-default:hover {
|
|
153
|
+
border-color: #525252 !important;
|
|
154
|
+
}
|
|
155
|
+
.dark .okt-billing .okt-selectable-selected {
|
|
156
|
+
border-color: #3b82f6 !important;
|
|
157
|
+
background-color: rgba(59, 130, 246, 0.1) !important;
|
|
158
|
+
}
|
|
159
|
+
}
|
|
160
|
+
/*# sourceMappingURL=index.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../src/components/client/BillingContent/styles.css"],"sourcesContent":["/* OmniKit Billing - Scoped CSS */\n/* All styles are scoped to .okt-billing to prevent conflicts */\n\n@layer components {\n /* Reset borders within okt-billing to prevent conflicts */\n .okt-billing,\n .okt-billing * {\n box-sizing: border-box !important;\n }\n\n /* Scoped border styles for invoice/payment cards */\n .okt-billing .okt-card-border {\n border-width: 1px !important;\n border-style: solid !important;\n border-color: #e5e7eb !important;\n border-radius: 0.5rem !important;\n }\n\n .okt-billing .okt-card-border:hover {\n background-color: #f9fafb !important;\n }\n\n @media (prefers-color-scheme: dark) {\n .okt-billing .okt-card-border {\n border-color: #404040 !important;\n }\n .okt-billing .okt-card-border:hover {\n background-color: #262626 !important;\n }\n }\n\n .dark .okt-billing .okt-card-border {\n border-color: #404040 !important;\n }\n\n .dark .okt-billing .okt-card-border:hover {\n background-color: #262626 !important;\n }\n\n /* Plan card borders */\n .okt-billing .okt-plan-card {\n border-width: 2px !important;\n border-style: solid !important;\n border-radius: 0.5rem !important;\n }\n\n .okt-billing .okt-plan-card-default {\n border-color: #e5e7eb !important;\n }\n\n .okt-billing .okt-plan-card-selected {\n border-color: #2563eb !important;\n }\n\n @media (prefers-color-scheme: dark) {\n .okt-billing .okt-plan-card-default {\n border-color: #404040 !important;\n }\n .okt-billing .okt-plan-card-selected {\n border-color: #3b82f6 !important;\n }\n }\n\n .dark .okt-billing .okt-plan-card-default {\n border-color: #404040 !important;\n }\n\n .dark .okt-billing .okt-plan-card-selected {\n border-color: #3b82f6 !important;\n }\n\n /* Dashed border for empty states */\n .okt-billing .okt-empty-border {\n border-width: 1px !important;\n border-style: dashed !important;\n border-color: #d1d5db !important;\n border-radius: 0.5rem !important;\n }\n\n @media (prefers-color-scheme: dark) {\n .okt-billing .okt-empty-border {\n border-color: #404040 !important;\n }\n }\n\n .dark .okt-billing .okt-empty-border {\n border-color: #404040 !important;\n }\n\n /* Divider/separator borders */\n .okt-billing .okt-divider {\n border-top-width: 1px !important;\n border-top-style: solid !important;\n border-top-color: #e5e7eb !important;\n }\n\n @media (prefers-color-scheme: dark) {\n .okt-billing .okt-divider {\n border-top-color: #374151 !important;\n }\n }\n\n .dark .okt-billing .okt-divider {\n border-top-color: #374151 !important;\n }\n\n /* Alert/notification borders */\n .okt-billing .okt-alert-warning {\n border-width: 1px !important;\n border-style: solid !important;\n border-color: #fde68a !important;\n border-radius: 0.5rem !important;\n }\n\n .okt-billing .okt-alert-success {\n border-width: 1px !important;\n border-style: solid !important;\n border-color: #bbf7d0 !important;\n border-radius: 0.5rem !important;\n }\n\n .okt-billing .okt-alert-error {\n border-width: 1px !important;\n border-style: solid !important;\n border-color: #fecaca !important;\n border-radius: 0.5rem !important;\n }\n\n @media (prefers-color-scheme: dark) {\n .okt-billing .okt-alert-warning {\n border-color: #854d0e !important;\n }\n .okt-billing .okt-alert-success {\n border-color: #166534 !important;\n }\n .okt-billing .okt-alert-error {\n border-color: #991b1b !important;\n }\n }\n\n .dark .okt-billing .okt-alert-warning {\n border-color: #854d0e !important;\n }\n\n .dark .okt-billing .okt-alert-success {\n border-color: #166534 !important;\n }\n\n .dark .okt-billing .okt-alert-error {\n border-color: #991b1b !important;\n }\n\n /* Payment method selection borders */\n .okt-billing .okt-selectable {\n border-width: 2px !important;\n border-style: solid !important;\n border-radius: 0.5rem !important;\n cursor: pointer !important;\n transition: border-color 0.15s ease !important;\n }\n\n .okt-billing .okt-selectable-default {\n border-color: #e5e7eb !important;\n }\n\n .okt-billing .okt-selectable-default:hover {\n border-color: #d1d5db !important;\n }\n\n .okt-billing .okt-selectable-selected {\n border-color: #3b82f6 !important;\n background-color: #eff6ff !important;\n }\n\n @media (prefers-color-scheme: dark) {\n .okt-billing .okt-selectable-default {\n border-color: #404040 !important;\n }\n .okt-billing .okt-selectable-default:hover {\n border-color: #525252 !important;\n }\n .okt-billing .okt-selectable-selected {\n border-color: #3b82f6 !important;\n background-color: rgba(59, 130, 246, 0.1) !important;\n }\n }\n\n .dark .okt-billing .okt-selectable-default {\n border-color: #404040 !important;\n }\n\n .dark .okt-billing .okt-selectable-default:hover {\n border-color: #525252 !important;\n }\n\n .dark .okt-billing .okt-selectable-selected {\n border-color: #3b82f6 !important;\n background-color: rgba(59, 130, 246, 0.1) !important;\n }\n}\n"],"mappings":"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","names":[]}
|
package/dist/index.css
ADDED
|
@@ -0,0 +1,160 @@
|
|
|
1
|
+
/* src/components/client/BillingContent/styles.css */
|
|
2
|
+
@layer components {
|
|
3
|
+
.okt-billing,
|
|
4
|
+
.okt-billing * {
|
|
5
|
+
box-sizing: border-box !important;
|
|
6
|
+
}
|
|
7
|
+
.okt-billing .okt-card-border {
|
|
8
|
+
border-width: 1px !important;
|
|
9
|
+
border-style: solid !important;
|
|
10
|
+
border-color: #e5e7eb !important;
|
|
11
|
+
border-radius: 0.5rem !important;
|
|
12
|
+
}
|
|
13
|
+
.okt-billing .okt-card-border:hover {
|
|
14
|
+
background-color: #f9fafb !important;
|
|
15
|
+
}
|
|
16
|
+
@media (prefers-color-scheme: dark) {
|
|
17
|
+
.okt-billing .okt-card-border {
|
|
18
|
+
border-color: #404040 !important;
|
|
19
|
+
}
|
|
20
|
+
.okt-billing .okt-card-border:hover {
|
|
21
|
+
background-color: #262626 !important;
|
|
22
|
+
}
|
|
23
|
+
}
|
|
24
|
+
.dark .okt-billing .okt-card-border {
|
|
25
|
+
border-color: #404040 !important;
|
|
26
|
+
}
|
|
27
|
+
.dark .okt-billing .okt-card-border:hover {
|
|
28
|
+
background-color: #262626 !important;
|
|
29
|
+
}
|
|
30
|
+
.okt-billing .okt-plan-card {
|
|
31
|
+
border-width: 2px !important;
|
|
32
|
+
border-style: solid !important;
|
|
33
|
+
border-radius: 0.5rem !important;
|
|
34
|
+
}
|
|
35
|
+
.okt-billing .okt-plan-card-default {
|
|
36
|
+
border-color: #e5e7eb !important;
|
|
37
|
+
}
|
|
38
|
+
.okt-billing .okt-plan-card-selected {
|
|
39
|
+
border-color: #2563eb !important;
|
|
40
|
+
}
|
|
41
|
+
@media (prefers-color-scheme: dark) {
|
|
42
|
+
.okt-billing .okt-plan-card-default {
|
|
43
|
+
border-color: #404040 !important;
|
|
44
|
+
}
|
|
45
|
+
.okt-billing .okt-plan-card-selected {
|
|
46
|
+
border-color: #3b82f6 !important;
|
|
47
|
+
}
|
|
48
|
+
}
|
|
49
|
+
.dark .okt-billing .okt-plan-card-default {
|
|
50
|
+
border-color: #404040 !important;
|
|
51
|
+
}
|
|
52
|
+
.dark .okt-billing .okt-plan-card-selected {
|
|
53
|
+
border-color: #3b82f6 !important;
|
|
54
|
+
}
|
|
55
|
+
.okt-billing .okt-empty-border {
|
|
56
|
+
border-width: 1px !important;
|
|
57
|
+
border-style: dashed !important;
|
|
58
|
+
border-color: #d1d5db !important;
|
|
59
|
+
border-radius: 0.5rem !important;
|
|
60
|
+
}
|
|
61
|
+
@media (prefers-color-scheme: dark) {
|
|
62
|
+
.okt-billing .okt-empty-border {
|
|
63
|
+
border-color: #404040 !important;
|
|
64
|
+
}
|
|
65
|
+
}
|
|
66
|
+
.dark .okt-billing .okt-empty-border {
|
|
67
|
+
border-color: #404040 !important;
|
|
68
|
+
}
|
|
69
|
+
.okt-billing .okt-divider {
|
|
70
|
+
border-top-width: 1px !important;
|
|
71
|
+
border-top-style: solid !important;
|
|
72
|
+
border-top-color: #e5e7eb !important;
|
|
73
|
+
}
|
|
74
|
+
@media (prefers-color-scheme: dark) {
|
|
75
|
+
.okt-billing .okt-divider {
|
|
76
|
+
border-top-color: #374151 !important;
|
|
77
|
+
}
|
|
78
|
+
}
|
|
79
|
+
.dark .okt-billing .okt-divider {
|
|
80
|
+
border-top-color: #374151 !important;
|
|
81
|
+
}
|
|
82
|
+
.okt-billing .okt-alert-warning {
|
|
83
|
+
border-width: 1px !important;
|
|
84
|
+
border-style: solid !important;
|
|
85
|
+
border-color: #fde68a !important;
|
|
86
|
+
border-radius: 0.5rem !important;
|
|
87
|
+
}
|
|
88
|
+
.okt-billing .okt-alert-success {
|
|
89
|
+
border-width: 1px !important;
|
|
90
|
+
border-style: solid !important;
|
|
91
|
+
border-color: #bbf7d0 !important;
|
|
92
|
+
border-radius: 0.5rem !important;
|
|
93
|
+
}
|
|
94
|
+
.okt-billing .okt-alert-error {
|
|
95
|
+
border-width: 1px !important;
|
|
96
|
+
border-style: solid !important;
|
|
97
|
+
border-color: #fecaca !important;
|
|
98
|
+
border-radius: 0.5rem !important;
|
|
99
|
+
}
|
|
100
|
+
@media (prefers-color-scheme: dark) {
|
|
101
|
+
.okt-billing .okt-alert-warning {
|
|
102
|
+
border-color: #854d0e !important;
|
|
103
|
+
}
|
|
104
|
+
.okt-billing .okt-alert-success {
|
|
105
|
+
border-color: #166534 !important;
|
|
106
|
+
}
|
|
107
|
+
.okt-billing .okt-alert-error {
|
|
108
|
+
border-color: #991b1b !important;
|
|
109
|
+
}
|
|
110
|
+
}
|
|
111
|
+
.dark .okt-billing .okt-alert-warning {
|
|
112
|
+
border-color: #854d0e !important;
|
|
113
|
+
}
|
|
114
|
+
.dark .okt-billing .okt-alert-success {
|
|
115
|
+
border-color: #166534 !important;
|
|
116
|
+
}
|
|
117
|
+
.dark .okt-billing .okt-alert-error {
|
|
118
|
+
border-color: #991b1b !important;
|
|
119
|
+
}
|
|
120
|
+
.okt-billing .okt-selectable {
|
|
121
|
+
border-width: 2px !important;
|
|
122
|
+
border-style: solid !important;
|
|
123
|
+
border-radius: 0.5rem !important;
|
|
124
|
+
cursor: pointer !important;
|
|
125
|
+
transition: border-color 0.15s ease !important;
|
|
126
|
+
}
|
|
127
|
+
.okt-billing .okt-selectable-default {
|
|
128
|
+
border-color: #e5e7eb !important;
|
|
129
|
+
}
|
|
130
|
+
.okt-billing .okt-selectable-default:hover {
|
|
131
|
+
border-color: #d1d5db !important;
|
|
132
|
+
}
|
|
133
|
+
.okt-billing .okt-selectable-selected {
|
|
134
|
+
border-color: #3b82f6 !important;
|
|
135
|
+
background-color: #eff6ff !important;
|
|
136
|
+
}
|
|
137
|
+
@media (prefers-color-scheme: dark) {
|
|
138
|
+
.okt-billing .okt-selectable-default {
|
|
139
|
+
border-color: #404040 !important;
|
|
140
|
+
}
|
|
141
|
+
.okt-billing .okt-selectable-default:hover {
|
|
142
|
+
border-color: #525252 !important;
|
|
143
|
+
}
|
|
144
|
+
.okt-billing .okt-selectable-selected {
|
|
145
|
+
border-color: #3b82f6 !important;
|
|
146
|
+
background-color: rgba(59, 130, 246, 0.1) !important;
|
|
147
|
+
}
|
|
148
|
+
}
|
|
149
|
+
.dark .okt-billing .okt-selectable-default {
|
|
150
|
+
border-color: #404040 !important;
|
|
151
|
+
}
|
|
152
|
+
.dark .okt-billing .okt-selectable-default:hover {
|
|
153
|
+
border-color: #525252 !important;
|
|
154
|
+
}
|
|
155
|
+
.dark .okt-billing .okt-selectable-selected {
|
|
156
|
+
border-color: #3b82f6 !important;
|
|
157
|
+
background-color: rgba(59, 130, 246, 0.1) !important;
|
|
158
|
+
}
|
|
159
|
+
}
|
|
160
|
+
/*# sourceMappingURL=index.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/components/client/BillingContent/styles.css"],"sourcesContent":["/* OmniKit Billing - Scoped CSS */\n/* All styles are scoped to .okt-billing to prevent conflicts */\n\n@layer components {\n /* Reset borders within okt-billing to prevent conflicts */\n .okt-billing,\n .okt-billing * {\n box-sizing: border-box !important;\n }\n\n /* Scoped border styles for invoice/payment cards */\n .okt-billing .okt-card-border {\n border-width: 1px !important;\n border-style: solid !important;\n border-color: #e5e7eb !important;\n border-radius: 0.5rem !important;\n }\n\n .okt-billing .okt-card-border:hover {\n background-color: #f9fafb !important;\n }\n\n @media (prefers-color-scheme: dark) {\n .okt-billing .okt-card-border {\n border-color: #404040 !important;\n }\n .okt-billing .okt-card-border:hover {\n background-color: #262626 !important;\n }\n }\n\n .dark .okt-billing .okt-card-border {\n border-color: #404040 !important;\n }\n\n .dark .okt-billing .okt-card-border:hover {\n background-color: #262626 !important;\n }\n\n /* Plan card borders */\n .okt-billing .okt-plan-card {\n border-width: 2px !important;\n border-style: solid !important;\n border-radius: 0.5rem !important;\n }\n\n .okt-billing .okt-plan-card-default {\n border-color: #e5e7eb !important;\n }\n\n .okt-billing .okt-plan-card-selected {\n border-color: #2563eb !important;\n }\n\n @media (prefers-color-scheme: dark) {\n .okt-billing .okt-plan-card-default {\n border-color: #404040 !important;\n }\n .okt-billing .okt-plan-card-selected {\n border-color: #3b82f6 !important;\n }\n }\n\n .dark .okt-billing .okt-plan-card-default {\n border-color: #404040 !important;\n }\n\n .dark .okt-billing .okt-plan-card-selected {\n border-color: #3b82f6 !important;\n }\n\n /* Dashed border for empty states */\n .okt-billing .okt-empty-border {\n border-width: 1px !important;\n border-style: dashed !important;\n border-color: #d1d5db !important;\n border-radius: 0.5rem !important;\n }\n\n @media (prefers-color-scheme: dark) {\n .okt-billing .okt-empty-border {\n border-color: #404040 !important;\n }\n }\n\n .dark .okt-billing .okt-empty-border {\n border-color: #404040 !important;\n }\n\n /* Divider/separator borders */\n .okt-billing .okt-divider {\n border-top-width: 1px !important;\n border-top-style: solid !important;\n border-top-color: #e5e7eb !important;\n }\n\n @media (prefers-color-scheme: dark) {\n .okt-billing .okt-divider {\n border-top-color: #374151 !important;\n }\n }\n\n .dark .okt-billing .okt-divider {\n border-top-color: #374151 !important;\n }\n\n /* Alert/notification borders */\n .okt-billing .okt-alert-warning {\n border-width: 1px !important;\n border-style: solid !important;\n border-color: #fde68a !important;\n border-radius: 0.5rem !important;\n }\n\n .okt-billing .okt-alert-success {\n border-width: 1px !important;\n border-style: solid !important;\n border-color: #bbf7d0 !important;\n border-radius: 0.5rem !important;\n }\n\n .okt-billing .okt-alert-error {\n border-width: 1px !important;\n border-style: solid !important;\n border-color: #fecaca !important;\n border-radius: 0.5rem !important;\n }\n\n @media (prefers-color-scheme: dark) {\n .okt-billing .okt-alert-warning {\n border-color: #854d0e !important;\n }\n .okt-billing .okt-alert-success {\n border-color: #166534 !important;\n }\n .okt-billing .okt-alert-error {\n border-color: #991b1b !important;\n }\n }\n\n .dark .okt-billing .okt-alert-warning {\n border-color: #854d0e !important;\n }\n\n .dark .okt-billing .okt-alert-success {\n border-color: #166534 !important;\n }\n\n .dark .okt-billing .okt-alert-error {\n border-color: #991b1b !important;\n }\n\n /* Payment method selection borders */\n .okt-billing .okt-selectable {\n border-width: 2px !important;\n border-style: solid !important;\n border-radius: 0.5rem !important;\n cursor: pointer !important;\n transition: border-color 0.15s ease !important;\n }\n\n .okt-billing .okt-selectable-default {\n border-color: #e5e7eb !important;\n }\n\n .okt-billing .okt-selectable-default:hover {\n border-color: #d1d5db !important;\n }\n\n .okt-billing .okt-selectable-selected {\n border-color: #3b82f6 !important;\n background-color: #eff6ff !important;\n }\n\n @media (prefers-color-scheme: dark) {\n .okt-billing .okt-selectable-default {\n border-color: #404040 !important;\n }\n .okt-billing .okt-selectable-default:hover {\n border-color: #525252 !important;\n }\n .okt-billing .okt-selectable-selected {\n border-color: #3b82f6 !important;\n background-color: rgba(59, 130, 246, 0.1) !important;\n }\n }\n\n .dark .okt-billing .okt-selectable-default {\n border-color: #404040 !important;\n }\n\n .dark .okt-billing .okt-selectable-default:hover {\n border-color: #525252 !important;\n }\n\n .dark .okt-billing .okt-selectable-selected {\n border-color: #3b82f6 !important;\n background-color: rgba(59, 130, 246, 0.1) !important;\n }\n}\n"],"mappings":"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","names":[]}
|
package/dist/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { Billing, DataList, OmniKitClient, createOmniKitClient } from './chunk-
|
|
2
|
-
import './chunk-
|
|
1
|
+
export { Billing, DataList, OmniKitClient, createOmniKitClient } from './chunk-7AYD5TRL.js';
|
|
2
|
+
import './chunk-FETPTCD3.js';
|
|
3
3
|
//# sourceMappingURL=index.js.map
|
|
4
4
|
//# sourceMappingURL=index.js.map
|