ikoncomponents 1.0.2 → 1.0.8

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/ikoncomponents/loading-spinner/index.d.ts +9 -0
  2. package/dist/ikoncomponents/loading-spinner/index.js +11 -0
  3. package/dist/index.d.ts +4 -165
  4. package/dist/index.js +19 -7743
  5. package/dist/utils/cn.d.ts +2 -0
  6. package/dist/utils/cn.js +8 -0
  7. package/dist/utils/theme-provider/index.d.ts +3 -0
  8. package/dist/utils/theme-provider/index.js +9 -0
  9. package/package.json +44 -66
  10. package/dist/index.d.mts +0 -165
  11. package/dist/index.mjs +0 -7730
  12. package/styles.css +0 -190
package/styles.css DELETED
@@ -1,190 +0,0 @@
1
- @import "tailwindcss";
2
- @import "tw-animate-css";
3
-
4
- @custom-variant dark (&:is(.dark *));
5
- @custom-variant blue-dark (&:is(.blue-dark *));
6
-
7
- @theme inline {
8
- --color-background: var(--background);
9
- --color-foreground: var(--foreground);
10
- --font-sans: var(--font-geist-sans);
11
- --font-mono: var(--font-geist-mono);
12
- --color-sidebar-ring: var(--sidebar-ring);
13
- --color-sidebar-border: var(--sidebar-border);
14
- --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
15
- --color-sidebar-accent: var(--sidebar-accent);
16
- --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
17
- --color-sidebar-primary: var(--sidebar-primary);
18
- --color-sidebar-foreground: var(--sidebar-foreground);
19
- --color-sidebar: var(--sidebar);
20
- --color-chart-5: var(--chart-5);
21
- --color-chart-4: var(--chart-4);
22
- --color-chart-3: var(--chart-3);
23
- --color-chart-2: var(--chart-2);
24
- --color-chart-1: var(--chart-1);
25
- --color-ring: var(--ring);
26
- --color-input: var(--input);
27
- --color-border: var(--border);
28
- --color-destructive: var(--destructive);
29
- --color-accent-foreground: var(--accent-foreground);
30
- --color-accent: var(--accent);
31
- --color-muted-foreground: var(--muted-foreground);
32
- --color-muted: var(--muted);
33
- --color-secondary-foreground: var(--secondary-foreground);
34
- --color-secondary: var(--secondary);
35
- --color-primary-foreground: var(--primary-foreground);
36
- --color-primary: var(--primary);
37
- --color-popover-foreground: var(--popover-foreground);
38
- --color-popover: var(--popover);
39
- --color-card-foreground: var(--card-foreground);
40
- --color-card: var(--card);
41
- --color-btn-outlined: var(--btn-outlined);
42
- --radius-sm: calc(var(--radius) - 4px);
43
- --radius-md: calc(var(--radius) - 2px);
44
- --radius-lg: var(--radius);
45
- --radius-xl: calc(var(--radius) + 4px);
46
- }
47
-
48
- :root {
49
- --radius: 0.625rem;
50
- --background: oklch(1 0 0);
51
- --foreground: oklch(0.145 0 0);
52
- --card: oklch(1 0 0);
53
- --card-foreground: oklch(0.145 0 0);
54
- --btn-outlined: oklch(1 0 0);
55
- --popover: oklch(1 0 0);
56
- --popover-foreground: oklch(0.145 0 0);
57
- --primary: oklch(0.205 0 0);
58
- --primary-foreground: oklch(0.985 0 0);
59
- --secondary: oklch(0.97 0 0);
60
- --secondary-foreground: oklch(0.205 0 0);
61
- --muted: oklch(0.97 0 0);
62
- --muted-foreground: oklch(0.556 0 0);
63
- --accent: oklch(0.97 0 0);
64
- --accent-foreground: oklch(0.205 0 0);
65
- --destructive: oklch(0.577 0.245 27.325);
66
- --border: oklch(0.922 0 0);
67
- --input: oklch(0.922 0 0);
68
- --ring: oklch(75.966% 0.0034 15.833);
69
- --chart-1: oklch(0.646 0.222 41.116);
70
- --chart-2: oklch(0.6 0.118 184.704);
71
- --chart-3: oklch(0.398 0.07 227.392);
72
- --chart-4: oklch(0.828 0.189 84.429);
73
- --chart-5: oklch(0.769 0.188 70.08);
74
- --sidebar: oklch(0.985 0 0);
75
- --sidebar-foreground: oklch(0.145 0 0);
76
- --sidebar-primary: oklch(0.205 0 0);
77
- --sidebar-primary-foreground: oklch(0.985 0 0);
78
- --sidebar-accent: oklch(0.97 0 0);
79
- --sidebar-accent-foreground: oklch(0.205 0 0);
80
- --sidebar-border: oklch(0.922 0 0);
81
- --sidebar-ring: oklch(0.708 0 0);
82
- --progress-foreground: oklch(9.414% 0.02562 23.372 / 0.753);
83
- --progress-background: var(--ring);
84
- --keross-skeleton-bg: oklch(44.967% 0.00521 16.812 / 0.589);
85
- --hover-back: var(--muted-foreground);
86
- --calender-foreground: oklch(12.382% 0.00233 17.142);
87
- --contrast-color: oklch(12.382% 0.00233 17.142);
88
- --btn-secondary: #00000007;
89
- --btn-default: oklch(0.985 0 0);
90
-
91
- }
92
-
93
- .dark {
94
- --background: #050505;
95
- --foreground: oklch(0.985 0 0);
96
- --card: oklch(0.2046 0 0);
97
- --card-foreground: oklch(0.985 0 0);
98
- --btn-outlined: oklch(0.1149 0.023 259.21);
99
- --popover: oklch(0.2458 0 0);
100
- --popover-foreground: oklch(0.985 0 0);
101
- --primary: oklch(0.922 0 0);
102
- --primary-foreground: oklch(0.205 0 0);
103
- --secondary: oklch(0.1913 0 0);
104
- --secondary-foreground: oklch(0.985 0 0);
105
- --muted: oklch(0.269 0 0);
106
- --muted-foreground: oklch(0.708 0 0);
107
- --accent: oklch(0.269 0 0);
108
- --accent-foreground: oklch(0.985 0 0);
109
- --calender-foreground: oklch(98.511% 0.00011 271.152);
110
- --destructive: #F43F5E;
111
- --border: #454545;
112
- --input: oklch(1 0 0 / 15%);
113
- --ring: oklch(0.556 0 0);
114
- --chart-1: #151515;
115
- --chart-2: oklch(0.696 0.17 162.48);
116
- --chart-3: oklch(0.769 0.188 70.08);
117
- --chart-4: oklch(0.627 0.265 303.9);
118
- --chart-5: oklch(0.645 0.246 16.439);
119
- --sidebar: oklch(0.205 0 0);
120
- --sidebar-foreground: oklch(0.985 0 0);
121
- --sidebar-primary: oklch(0.488 0.243 264.376);
122
- --sidebar-primary-foreground: oklch(0.985 0 0);
123
- --sidebar-accent: oklch(0.269 0 0);
124
- --sidebar-accent-foreground: oklch(0.985 0 0);
125
- --sidebar-border: oklch(1 0 0 / 10%);
126
- --sidebar-ring: oklch(0.556 0 0);
127
- --input-background-custom: #151515;
128
- --progress-foreground: #f5f5f5;
129
- --progress-background: #404040;
130
- --keross-skeleton-bg: var(--accent);
131
- --hover-back: #171717;
132
- --contrast-color: oklch(12.382% 0.00233 17.142);
133
- --btn-secondary: #151515;
134
- --btn-default: #151515;
135
- ;
136
- }
137
-
138
- .blue-dark {
139
- --background: oklch(0.2084 0.0417 266.36);
140
- --foreground: oklch(0.985 0 0);
141
- --card: oklch(0.2042 0.0395 267.53);
142
- --card-foreground: oklch(0.985 0 0);
143
- --btn-outlined: oklch(0.1897 0.0364 266.07);
144
- --popover: oklch(0.1915 0.0416 266.02);
145
- --popover-foreground: oklch(0.985 0 0);
146
- --primary: oklch(0.922 0 0);
147
- --primary-foreground: oklch(0.205 0 0);
148
- --secondary: oklch(0.2581 0.0378 266.31);
149
- --secondary-foreground: oklch(0.985 0 0);
150
- --muted: oklch(0.269 0 0);
151
- --muted-foreground: oklch(0.708 0 0);
152
- --accent: oklch(0.117 0.045 267.4);
153
- --accent-foreground: oklch(0.985 0 0);
154
- --calender-foreground: #1F3ABA;
155
- --destructive: #F43F5E;
156
- --border: #494F5E;
157
- --input: oklch(1 0 0 / 15%);
158
- --ring: #0C1324;
159
- --chart-1: oklch(0.488 0.243 264.376);
160
- --chart-2: oklch(0.696 0.17 162.48);
161
- --chart-3: oklch(0.769 0.188 70.08);
162
- --chart-4: oklch(0.627 0.265 303.9);
163
- --chart-5: oklch(0.645 0.246 16.439);
164
- --sidebar: #1B2336;
165
- --sidebar-foreground: oklch(0.985 0 0);
166
- --sidebar-primary: oklch(0.488 0.243 264.376);
167
- --sidebar-primary-foreground: oklch(0.985 0 0);
168
- --sidebar-accent: oklch(0.269 0 0);
169
- --sidebar-accent-foreground: oklch(0.985 0 0);
170
- --sidebar-border: oklch(1 0 0 / 10%);
171
- --sidebar-ring: oklch(0.556 0 0);
172
- --keross-checkbox-bg: var(--foreground);
173
- --keross-skeleton-bg: oklch(1 0 0 / 15%);
174
- --progress-foreground: #F5F5F5;
175
- --progress-background: #1D283A;
176
- --hover-back: oklch(0.2505 0.0528 266.07);
177
- --contrast-color: oklch(92.502% 0.00431 15.893);
178
- --btn-secondary: #00000033;
179
- --btn-default: oklch(0.985 0 0);
180
- }
181
-
182
- @layer base {
183
- * {
184
- @apply border-border outline-ring/50;
185
- }
186
-
187
- body {
188
- @apply bg-background text-foreground;
189
- }
190
- }