@omnikit-js/ui 0.9.23 → 0.9.24

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 (16) hide show
  1. package/dist/{chunk-FETPTCD3.js → chunk-3FSOHWPO.js} +39 -118
  2. package/dist/chunk-3FSOHWPO.js.map +1 -0
  3. package/dist/{chunk-7AYD5TRL.js → chunk-XM66TOME.js} +3 -3
  4. package/dist/{chunk-7AYD5TRL.js.map → chunk-XM66TOME.js.map} +1 -1
  5. package/dist/components/client/index.js +48 -4
  6. package/dist/components/client/index.js.map +1 -1
  7. package/dist/components/server/index.js +2 -2
  8. package/dist/index.js +2 -2
  9. package/package.json +2 -4
  10. package/dist/chunk-FETPTCD3.js.map +0 -1
  11. package/dist/components/client/index.css +0 -160
  12. package/dist/components/client/index.css.map +0 -1
  13. package/dist/components/server/index.css +0 -160
  14. package/dist/components/server/index.css.map +0 -1
  15. package/dist/index.css +0 -160
  16. package/dist/index.css.map +0 -1
package/dist/components/server/index.css DELETED
@@ -1,160 +0,0 @@
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 */
package/dist/components/server/index.css.map DELETED
@@ -1 +0,0 @@
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 DELETED
@@ -1,160 +0,0 @@
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 */
package/dist/index.css.map DELETED
@@ -1 +0,0 @@
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":[]}