@infonomic/uikit 6.0.1 → 6.0.3

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 (5) hide show
  1. package/README.md +13 -5
  2. package/dist/components/forms/checkbox.module.css +5 -5
  3. package/dist/components/forms/checkbox_module.css +5 -5
  4. package/package.json +1 -1
  5. package/src/components/forms/checkbox.module.css +5 -5
package/README.md CHANGED
@@ -101,11 +101,19 @@ Here's an example Tailwind CSS integration. Note that we have our own reset, and
101
101
 
102
102
  @theme {
103
103
  --breakpoint-*: initial;
104
- --breakpoint-sm: 640px;
105
- --breakpoint-md: 768px;
106
- --breakpoint-lg: 1050px;
107
- --breakpoint-xl: 1230px;
108
- --breakpoint-2xl: 1500px;
104
+ /* 480px */
105
+ --breakpoint-xs: 30rem;
106
+ /* 640px */
107
+ --breakpoint-sm: 40rem;
108
+ /* 768px */
109
+ --breakpoint-md: 48rem;
110
+ /* 1056px */
111
+ --breakpoint-lg: 66rem;
112
+ /* our container component will set max width to common screen size */
113
+ /* 1232px */
114
+ --breakpoint-xl: 77rem;
115
+ /* 1504px */
116
+ --breakpoint-2xl: 94rem;
109
117
 
110
118
  --font-*: initial;
111
119
  --font-sans:
package/dist/components/forms/checkbox.module.css CHANGED
@@ -189,7 +189,7 @@ infonomic-components;
189
189
  --checkbox-variant-outlined-hover-border: var(--fill-primary-strong-hover);
190
190
  --checkbox-variant-outline-ring-color: var(--ring-primary);
191
191
  --checkbox-variant-filled: var(--fill-primary-strong);
192
- --checkbox-icon-color: var(--text-on-primary);
192
+ --checkbox-icon-color: white;
193
193
  }
194
194
 
195
195
  .secondary,
@@ -199,7 +199,7 @@ infonomic-components;
199
199
  --checkbox-variant-outlined-hover-border: var(--fill-secondary-strong-hover);
200
200
  --checkbox-variant-outline-ring-color: var(--ring-secondary);
201
201
  --checkbox-variant-filled: var(--fill-secondary-strong);
202
- --checkbox-icon-color: var(--text-on-secondary);
202
+ --checkbox-icon-color: black;
203
203
  }
204
204
 
205
205
  .noeffect,
@@ -219,7 +219,7 @@ infonomic-components;
219
219
  --checkbox-variant-outlined-hover-border: var(--fill-success-strong-hover);
220
220
  --checkbox-variant-outline-ring-color: var(--ring-success);
221
221
  --checkbox-variant-filled: var(--fill-success-strong);
222
- --checkbox-icon-color: var(--text-on-success);
222
+ --checkbox-icon-color: white;
223
223
  }
224
224
 
225
225
  .info,
@@ -229,7 +229,7 @@ infonomic-components;
229
229
  --checkbox-variant-outlined-hover-border: var(--fill-info-strong-hover);
230
230
  --checkbox-variant-outline-ring-color: var(--ring-info);
231
231
  --checkbox-variant-filled: var(--fill-info-strong);
232
- --checkbox-icon-color: var(--text-on-info);
232
+ --checkbox-icon-color: white;
233
233
  }
234
234
 
235
235
  .warning,
@@ -249,7 +249,7 @@ infonomic-components;
249
249
  --checkbox-variant-outlined-hover-border: var(--fill-danger-strong-hover);
250
250
  --checkbox-variant-outline-ring-color: var(--ring-danger);
251
251
  --checkbox-variant-filled: var(--fill-danger-strong);
252
- --checkbox-icon-color: var(--text-on-danger);
252
+ --checkbox-icon-color: white;
253
253
  }
254
254
 
255
255
  /* Dark mode handled by semantic tokens in theme layer */
package/dist/components/forms/checkbox_module.css CHANGED
@@ -136,7 +136,7 @@
136
136
  --checkbox-variant-outlined-hover-border: var(--fill-primary-strong-hover);
137
137
  --checkbox-variant-outline-ring-color: var(--ring-primary);
138
138
  --checkbox-variant-filled: var(--fill-primary-strong);
139
- --checkbox-icon-color: var(--text-on-primary);
139
+ --checkbox-icon-color: white;
140
140
  }
141
141
 
142
142
  :is(.secondary-AWuj0h, .infonomic-checkbox-secondary) {
@@ -145,7 +145,7 @@
145
145
  --checkbox-variant-outlined-hover-border: var(--fill-secondary-strong-hover);
146
146
  --checkbox-variant-outline-ring-color: var(--ring-secondary);
147
147
  --checkbox-variant-filled: var(--fill-secondary-strong);
148
- --checkbox-icon-color: var(--text-on-secondary);
148
+ --checkbox-icon-color: black;
149
149
  }
150
150
 
151
151
  :is(.noeffect-iWFjDW, .infonomic-checkbox-noeffect) {
@@ -163,7 +163,7 @@
163
163
  --checkbox-variant-outlined-hover-border: var(--fill-success-strong-hover);
164
164
  --checkbox-variant-outline-ring-color: var(--ring-success);
165
165
  --checkbox-variant-filled: var(--fill-success-strong);
166
- --checkbox-icon-color: var(--text-on-success);
166
+ --checkbox-icon-color: white;
167
167
  }
168
168
 
169
169
  :is(.info-nDP5Bh, .infonomic-checkbox-info) {
@@ -172,7 +172,7 @@
172
172
  --checkbox-variant-outlined-hover-border: var(--fill-info-strong-hover);
173
173
  --checkbox-variant-outline-ring-color: var(--ring-info);
174
174
  --checkbox-variant-filled: var(--fill-info-strong);
175
- --checkbox-icon-color: var(--text-on-info);
175
+ --checkbox-icon-color: white;
176
176
  }
177
177
 
178
178
  :is(.warning-leHmkw, .infonomic-checkbox-warning) {
@@ -190,7 +190,7 @@
190
190
  --checkbox-variant-outlined-hover-border: var(--fill-danger-strong-hover);
191
191
  --checkbox-variant-outline-ring-color: var(--ring-danger);
192
192
  --checkbox-variant-filled: var(--fill-danger-strong);
193
- --checkbox-icon-color: var(--text-on-danger);
193
+ --checkbox-icon-color: white;
194
194
  }
195
195
 
196
196
  @keyframes checkBoxIn-DSnbUl {
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "@infonomic/uikit",
3
3
  "private": false,
4
4
  "license": "MIT",
5
- "version": "6.0.1",
5
+ "version": "6.0.3",
6
6
  "type": "module",
7
7
  "description": "Infonomic UI kit is a collection of reusable UI components and utilities for React and Astro.",
8
8
  "keywords": [
package/src/components/forms/checkbox.module.css CHANGED
@@ -189,7 +189,7 @@ infonomic-components;
189
189
  --checkbox-variant-outlined-hover-border: var(--fill-primary-strong-hover);
190
190
  --checkbox-variant-outline-ring-color: var(--ring-primary);
191
191
  --checkbox-variant-filled: var(--fill-primary-strong);
192
- --checkbox-icon-color: var(--text-on-primary);
192
+ --checkbox-icon-color: white;
193
193
  }
194
194
 
195
195
  .secondary,
@@ -199,7 +199,7 @@ infonomic-components;
199
199
  --checkbox-variant-outlined-hover-border: var(--fill-secondary-strong-hover);
200
200
  --checkbox-variant-outline-ring-color: var(--ring-secondary);
201
201
  --checkbox-variant-filled: var(--fill-secondary-strong);
202
- --checkbox-icon-color: var(--text-on-secondary);
202
+ --checkbox-icon-color: black;
203
203
  }
204
204
 
205
205
  .noeffect,
@@ -219,7 +219,7 @@ infonomic-components;
219
219
  --checkbox-variant-outlined-hover-border: var(--fill-success-strong-hover);
220
220
  --checkbox-variant-outline-ring-color: var(--ring-success);
221
221
  --checkbox-variant-filled: var(--fill-success-strong);
222
- --checkbox-icon-color: var(--text-on-success);
222
+ --checkbox-icon-color: white;
223
223
  }
224
224
 
225
225
  .info,
@@ -229,7 +229,7 @@ infonomic-components;
229
229
  --checkbox-variant-outlined-hover-border: var(--fill-info-strong-hover);
230
230
  --checkbox-variant-outline-ring-color: var(--ring-info);
231
231
  --checkbox-variant-filled: var(--fill-info-strong);
232
- --checkbox-icon-color: var(--text-on-info);
232
+ --checkbox-icon-color: white;
233
233
  }
234
234
 
235
235
  .warning,
@@ -249,7 +249,7 @@ infonomic-components;
249
249
  --checkbox-variant-outlined-hover-border: var(--fill-danger-strong-hover);
250
250
  --checkbox-variant-outline-ring-color: var(--ring-danger);
251
251
  --checkbox-variant-filled: var(--fill-danger-strong);
252
- --checkbox-icon-color: var(--text-on-danger);
252
+ --checkbox-icon-color: white;
253
253
  }
254
254
 
255
255
  /* Dark mode handled by semantic tokens in theme layer */