@stanko/ctrls 0.3.2 → 0.3.4

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/dist/ctrls/index.d.ts +1 -1
  2. package/dist/ctrls/index.js +3 -4
  3. package/dist/ctrls.css +9 -18
  4. package/dist/ctrls.css.map +1 -1
  5. package/package.json +1 -1
package/dist/ctrls/index.d.ts CHANGED
@@ -137,7 +137,7 @@ export declare class Ctrls<Configs extends readonly ConfigItem[]> {
137
137
  getHash: () => string;
138
138
  setHash: () => void;
139
139
  updateFromHash: () => void;
140
- updateValuesObject(values: any, control: CtrlComponent): void;
140
+ updateValuesObject(values: any, control: CtrlComponent): Partial<ReturnType<typeof this.getValues>>;
141
141
  getValues(): OptionsMap<Configs>;
142
142
  randomize: () => void;
143
143
  }
package/dist/ctrls/index.js CHANGED
@@ -171,16 +171,14 @@ export class Ctrls {
171
171
  ...options,
172
172
  };
173
173
  const onChangeControlHandler = (control) => {
174
- const updatedValues = {};
175
- this.updateValuesObject(updatedValues, control);
174
+ const updatedValues = this.updateValuesObject({}, control);
176
175
  this.onChange?.(updatedValues);
177
176
  if (this.options.storage === "hash") {
178
177
  this.setHash();
179
178
  }
180
179
  };
181
180
  const onInputControlHandler = (control) => {
182
- const updatedValues = {};
183
- this.updateValuesObject(updatedValues, control);
181
+ const updatedValues = this.updateValuesObject({}, control);
184
182
  this.onInput?.(updatedValues);
185
183
  };
186
184
  configs.map((config) => {
@@ -216,6 +214,7 @@ export class Ctrls {
216
214
  else if (control.type === "seed") {
217
215
  objectToUpdate[control.name + "Rng"] = Alea(...control.value.split("-"));
218
216
  }
217
+ return values;
219
218
  }
220
219
  getValues() {
221
220
  const values = {};
package/dist/ctrls.css CHANGED
@@ -185,8 +185,8 @@
185
185
  --ctrls-gray-400: #929292;
186
186
  --ctrls-gray-500: #787878;
187
187
  --ctrls-scrollbar-thumb-bg: var(--ctrls-gray-400);
188
- --ctrls-bg: oklch(0.99 0.005 var(--ctrls-h) / 0.8);
189
- --ctrls-text: oklch(0.01 0.3 var(--ctrls-h));
188
+ --ctrls-bg: oklch(0.99 0.005 var(--ctrls-h) / 0.9);
189
+ --ctrls-text: oklch(0.01 0.2 var(--ctrls-h));
190
190
  --ctrls-text-muted: oklch(0.5 0.005 var(--ctrls-h));
191
191
  --ctrls-border: oklch(0.925 0.01 var(--ctrls-h));
192
192
  --ctrls-input-border: oklch(0.925 0.01 var(--ctrls-h));
@@ -219,8 +219,8 @@
219
219
  @media (prefers-color-scheme: dark) {
220
220
  .ctrls--system-theme {
221
221
  --ctrls-c: 0.3;
222
- --ctrls-theme-oklch: 0.55 calc(var(--ctrls-c) - 0.1) var(--ctrls-h);
223
- --ctrls-theme: oklch(0.55 calc(var(--ctrls-c) - 0.1) var(--ctrls-h));
222
+ --ctrls-theme-oklch: 0.6 calc(var(--ctrls-c) - 0.1) var(--ctrls-h);
223
+ --ctrls-theme: oklch(0.6 calc(var(--ctrls-c) - 0.1) var(--ctrls-h));
224
224
  --ctrls-gray-50: #e1e1e1;
225
225
  --ctrls-gray-100: #d3d3d3;
226
226
  --ctrls-gray-200: #b7b7b7;
@@ -228,7 +228,7 @@
228
228
  --ctrls-gray-400: #828282;
229
229
  --ctrls-gray-500: #686868;
230
230
  --ctrls-scrollbar-thumb-bg: #5f5f5f;
231
- --ctrls-bg: oklch(0.27 0.003 var(--ctrls-h) / 0.8);
231
+ --ctrls-bg: oklch(0.27 0.003 var(--ctrls-h) / 0.9);
232
232
  --ctrls-text: oklch(0.95 0.005 var(--ctrls-h));
233
233
  --ctrls-text-muted: oklch(0.75 0.005 var(--ctrls-h));
234
234
  --ctrls-border: oklch(0.35 0.01 var(--ctrls-h));
@@ -244,8 +244,8 @@
244
244
  }
245
245
  .ctrls--dark-theme {
246
246
  --ctrls-c: 0.3;
247
- --ctrls-theme-oklch: 0.55 calc(var(--ctrls-c) - 0.1) var(--ctrls-h);
248
- --ctrls-theme: oklch(0.55 calc(var(--ctrls-c) - 0.1) var(--ctrls-h));
247
+ --ctrls-theme-oklch: 0.6 calc(var(--ctrls-c) - 0.1) var(--ctrls-h);
248
+ --ctrls-theme: oklch(0.6 calc(var(--ctrls-c) - 0.1) var(--ctrls-h));
249
249
  --ctrls-gray-50: #e1e1e1;
250
250
  --ctrls-gray-100: #d3d3d3;
251
251
  --ctrls-gray-200: #b7b7b7;
@@ -253,7 +253,7 @@
253
253
  --ctrls-gray-400: #828282;
254
254
  --ctrls-gray-500: #686868;
255
255
  --ctrls-scrollbar-thumb-bg: #5f5f5f;
256
- --ctrls-bg: oklch(0.27 0.003 var(--ctrls-h) / 0.8);
256
+ --ctrls-bg: oklch(0.27 0.003 var(--ctrls-h) / 0.9);
257
257
  --ctrls-text: oklch(0.95 0.005 var(--ctrls-h));
258
258
  --ctrls-text-muted: oklch(0.75 0.005 var(--ctrls-h));
259
259
  --ctrls-border: oklch(0.35 0.01 var(--ctrls-h));
@@ -415,7 +415,6 @@
415
415
  display: grid;
416
416
  grid-template-columns: var(--ctrls-label-width) minmax(0, 1fr);
417
417
  align-items: center;
418
- border-radius: var(--ctrls-radius);
419
418
  }
420
419
 
421
420
  .ctrls__control-label {
@@ -435,13 +434,6 @@
435
434
  outline-offset: 2px;
436
435
  }
437
436
 
438
- .ctrls__control--range .ctrls__control-right,
439
- .ctrls__control--dual-range .ctrls__control-right {
440
- border: 1px solid var(--ctrls-input-border);
441
- background: var(--ctrls-input-wrapper-bg);
442
- border-radius: var(--ctrls-radius);
443
- }
444
-
445
437
  /* ----- Boolean ----- */
446
438
  .ctrls__control--boolean input {
447
439
  opacity: 0;
@@ -502,7 +494,6 @@ label:hover .ctrls__boolean-input:not(:checked) + .ctrls__boolean-checkmark {
502
494
  min-width: var(--dri-thumb-width);
503
495
  outline: none;
504
496
  border-radius: var(--ctrls-radius);
505
- padding: 0.5rem;
506
497
  }
507
498
  .ctrls__range-input:focus-visible {
508
499
  outline: 2px solid var(--ctrls-theme);
@@ -580,7 +571,7 @@ label:hover .ctrls__boolean-input:not(:checked) + .ctrls__boolean-checkmark {
580
571
 
581
572
  /* ----- Dual range ----- */
582
573
  .ctrls__control-right .dual-range-input {
583
- padding-inline: 0.5rem calc(var(--dri-thumb-width) * 2 + 0.5rem);
574
+ padding-inline-end: calc(var(--dri-thumb-width) * 2);
584
575
  }
585
576
  .ctrls__control-right .dual-range-input:has(input:focus-visible) {
586
577
  border-radius: var(--ctrls-radius);
package/dist/ctrls.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../node_modules/@stanko/dual-range-input/dist/index.css","../src/scss/_ctrls.scss"],"names":[],"mappings":"AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;;;;AC3IF;EACE;AAAA;AAAA;EAGA;EACA;EACA;EACA;EACA;EAGA;EACA;EAEA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EAGA;EAGA;EACA;EACA;EAGA;EACA;EAGA;EAGA;EAEA;EACA;EAEA;EACA;EAGA;EAGA;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;EAGA;EACA;EAEA;EAEA;EACA;EAEA;EAGA;EAEA;EACA;;;AA+CF;EACE;IA3CA;IAEA;IACA;IAGA;IACA;IACA;IACA;IACA;IACA;IAGA;IAGA;IACA;IACA;IAGA;IACA;IAGA;IAGA;IAEA;IAGA;IAGA;AAAA;AAAA;;;AAWF;EAhDE;EAEA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EAGA;EAGA;EACA;EACA;EAGA;EACA;EAGA;EAGA;EAEA;EAGA;EAGA;AAAA;AAAA;;;AAiBF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;AAAA;EAGE;EACA;EACA;;AAGF;AAAA;EAEE;EACA;EACA;;AAGF;EACE;EACA;;;AAIJ;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,YACE;;AAGF;AAAA;AAAA;EAEE;EACA;;;AAOJ;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;AAGA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,YACE;;AAGF;EAEE;;AAGF;EACE;EACA;EACA,YACE;;AAIJ;EACE;;;AAKJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EAEE;EACA;;;AAOA;EACE;;AAGF;AAAA;AAAA;EAEE;;;AAKN;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;AAEA;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAKA;AAAA;EACE;EACA;EACA;;;AAIJ;AAEA;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;;AAKJ;EACE;EACA;EACA;;;AAIF;EACE;;;AAIF;EACE;;;AAIF;EACE;EACA;;;AAGF;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;;AAmCJ;EA5BE;EACA;EACA;EACA;EACA;EAEA;;;AA0BF;EAhCE;EACA;EACA;EACA;EACA;EAEA;;;AA8BF;EAtBE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAkBA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAKF;EAvDE;EACA;EACA;EACA;EACA;EAEA;;;AAqDF;EA7CE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAwCA;EACA;;;AAGF;EACE;EACA;;;AAGF;AAEA;EAGE;;AAEA;EACE;;AANJ;EASE;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;;AAEA;EACE;;;AAIJ;AAEA;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,YACE;EAEF;EACA;EACA;;AAEA;EAEE;EACA;;;AAIJ;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;AAEA;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;;AAIJ;EACE;EACA;;AAIE;EACE;;;AAKN;AAEA;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;AAEA;AAAA;EAEE;EACA;EACA;;;AAIJ;EACE;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,YACE;;AAGF;EAEE;EACA;;;AAIJ;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EAEE;;AAEA;EACE;EACA","file":"ctrls.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../node_modules/@stanko/dual-range-input/dist/index.css","../src/scss/_ctrls.scss"],"names":[],"mappings":"AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;;;;AC3IF;EACE;AAAA;AAAA;EAGA;EACA;EACA;EACA;EACA;EAGA;EACA;EAEA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EAGA;EAGA;EACA;EACA;EAGA;EACA;EAGA;EAGA;EAEA;EACA;EAEA;EACA;EAGA;EAGA;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;EAGA;EACA;EAEA;EAEA;EACA;EAEA;EAGA;EAEA;EACA;;;AA+CF;EACE;IA3CA;IAEA;IACA;IAGA;IACA;IACA;IACA;IACA;IACA;IAGA;IAGA;IACA;IACA;IAGA;IACA;IAGA;IAGA;IAEA;IAGA;IAGA;AAAA;AAAA;;;AAWF;EAhDE;EAEA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EAGA;EAGA;EACA;EACA;EAGA;EACA;EAGA;EAGA;EAEA;EAGA;EAGA;AAAA;AAAA;;;AAiBF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;AAAA;EAGE;EACA;EACA;;AAGF;AAAA;EAEE;EACA;EACA;;AAGF;EACE;EACA;;;AAIJ;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,YACE;;AAGF;AAAA;AAAA;EAEE;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;AAGA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,YACE;;AAGF;EAEE;;AAGF;EACE;EACA;EACA,YACE;;AAIJ;EACE;;;AAKJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EAEE;EACA;;;AAOA;EACE;;AAGF;AAAA;AAAA;EAEE;;;AAKN;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;AAEA;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;AAEA;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;;AAKJ;EACE;EACA;EACA;;;AAIF;EACE;;;AAIF;EACE;;;AAIF;EACE;EACA;;;AAGF;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;;AAmCJ;EA5BE;EACA;EACA;EACA;EACA;EAEA;;;AA0BF;EAhCE;EACA;EACA;EACA;EACA;EAEA;;;AA8BF;EAtBE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAkBA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAKF;EAvDE;EACA;EACA;EACA;EACA;EAEA;;;AAqDF;EA7CE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAwCA;EACA;;;AAGF;EACE;EACA;;;AAGF;AAEA;EAIE;;AAEA;EACE;;AAPJ;EAUE;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;;AAEA;EACE;;;AAIJ;AAEA;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,YACE;EAEF;EACA;EACA;;AAEA;EAEE;EACA;;;AAIJ;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;AAEA;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;;AAIJ;EACE;EACA;;AAIE;EACE;;;AAKN;AAEA;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;AAEA;AAAA;EAEE;EACA;EACA;;;AAIJ;EACE;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,YACE;;AAGF;EAEE;EACA;;;AAIJ;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EAEE;;AAEA;EACE;EACA","file":"ctrls.css"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@stanko/ctrls",
3
- "version": "0.3.2",
3
+ "version": "0.3.4",
4
4
  "type": "module",
5
5
  "scripts": {
6
6
  "test": "vitest",