@womp/kookie-ui 0.29.0 → 0.29.2

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 (47) hide show
  1. package/components.css +17 -11
  2. package/dist/cjs/components/index.js +2 -2
  3. package/dist/cjs/components/index.js.map +3 -3
  4. package/dist/cjs/components/select.d.ts.map +1 -1
  5. package/dist/cjs/components/select.js +1 -1
  6. package/dist/cjs/components/select.js.map +3 -3
  7. package/dist/cjs/components/text-field.d.ts.map +1 -1
  8. package/dist/cjs/components/text-field.js +2 -2
  9. package/dist/cjs/components/text-field.js.map +3 -3
  10. package/dist/cjs/components/text-field.props.d.ts +4 -1
  11. package/dist/cjs/components/text-field.props.d.ts.map +1 -1
  12. package/dist/cjs/components/text-field.props.js.map +1 -1
  13. package/dist/cjs/index.js +4 -4
  14. package/dist/cjs/index.js.map +3 -3
  15. package/dist/cjs/props/index.js.map +1 -1
  16. package/dist/esm/chunk-676Y7ZUT.js +3 -0
  17. package/dist/esm/chunk-676Y7ZUT.js.map +7 -0
  18. package/dist/esm/{chunk-FIMFM25N.js → chunk-EXF5SF27.js} +1 -1
  19. package/dist/esm/{chunk-FIMFM25N.js.map → chunk-EXF5SF27.js.map} +1 -1
  20. package/dist/esm/chunk-K5V53KTJ.js +6 -0
  21. package/dist/esm/chunk-K5V53KTJ.js.map +7 -0
  22. package/dist/esm/components/index.js +1 -1
  23. package/dist/esm/components/select.d.ts.map +1 -1
  24. package/dist/esm/components/select.js +1 -1
  25. package/dist/esm/components/text-field.d.ts.map +1 -1
  26. package/dist/esm/components/text-field.js +1 -1
  27. package/dist/esm/components/text-field.props.d.ts +4 -1
  28. package/dist/esm/components/text-field.props.d.ts.map +1 -1
  29. package/dist/esm/components/text-field.props.js +1 -1
  30. package/dist/esm/index.js +1 -1
  31. package/dist/esm/props/index.js +1 -1
  32. package/package.json +1 -1
  33. package/src/components/segmented-control.css +1 -1
  34. package/src/components/select.css +4 -4
  35. package/src/components/select.tsx +15 -1
  36. package/src/components/text-area.css +2 -2
  37. package/src/components/text-field.css +11 -4
  38. package/src/components/text-field.props.tsx +4 -1
  39. package/src/components/text-field.tsx +66 -86
  40. package/src/styles/tokens/shadow.css +7 -2
  41. package/styles.css +19 -11
  42. package/tokens/base.css +2 -0
  43. package/tokens.css +2 -0
  44. package/dist/esm/chunk-GPZHRZBE.js +0 -6
  45. package/dist/esm/chunk-GPZHRZBE.js.map +0 -7
  46. package/dist/esm/chunk-VQDCHBZR.js +0 -3
  47. package/dist/esm/chunk-VQDCHBZR.js.map +0 -7
package/components.css CHANGED
@@ -5907,8 +5907,8 @@
5907
5907
  --text-field-focus-color: var(--focus-8);
5908
5908
  --text-field-border-width: 1px;
5909
5909
  background-color: var(--field-fill);
5910
- -webkit-box-shadow: var(--control-chrome);
5911
- box-shadow: var(--control-chrome);
5910
+ -webkit-box-shadow: var(--field-chrome);
5911
+ box-shadow: var(--field-chrome);
5912
5912
  }
5913
5913
  @media (hover: hover) {
5914
5914
  .kui-TextFieldRoot:where(.kui-variant-raised):where(:hover:not(:has(.kui-TextFieldInput:where(:focus,:disabled,:-moz-read-only)))) {
@@ -6240,6 +6240,12 @@
6240
6240
  -ms-user-select: none;
6241
6241
  user-select: none;
6242
6242
  position: relative;
6243
+ border-radius: calc(var(--text-field-border-radius, var(--radius-2)) - 2px);
6244
+ }
6245
+ @media (hover: hover) {
6246
+ .kui-TextFieldSlot:where([data-scrub]):where(:hover:not([data-scrubbing])) {
6247
+ background-color: var(--neutral-a3);
6248
+ }
6243
6249
  }
6244
6250
  .kui-TextFieldSlot:where([data-scrub]) * {
6245
6251
  cursor: ew-resize !important;
@@ -6364,7 +6370,7 @@
6364
6370
  }
6365
6371
  }
6366
6372
  .kui-TextFieldGroup:where(.kui-variant-raised) {
6367
- --text-field-group-edge: var(--control-chrome);
6373
+ --text-field-group-edge: var(--field-chrome);
6368
6374
  --text-field-group-divider: var(--neutral-a4);
6369
6375
  }
6370
6376
  .kui-TextFieldGroup:where(.kui-variant-raised):where([data-disabled]) {
@@ -8815,8 +8821,8 @@
8815
8821
  .kui-SegmentedControlRoot:where(.kui-variant-raised) {
8816
8822
  --segmented-control-indicator-inset: 2px;
8817
8823
  background-color: var(--field-fill);
8818
- -webkit-box-shadow: var(--control-chrome);
8819
- box-shadow: var(--control-chrome);
8824
+ -webkit-box-shadow: var(--field-chrome);
8825
+ box-shadow: var(--field-chrome);
8820
8826
  }
8821
8827
  .kui-SegmentedControlRoot:where(.kui-variant-raised):where([data-disabled]) {
8822
8828
  background-color: var(--field-fill-disabled);
@@ -9614,12 +9620,12 @@
9614
9620
  -webkit-padding-end: var(--space-4);
9615
9621
  padding-inline-end: var(--space-4);
9616
9622
  }
9617
- .kui-SelectItem:where(.kui-SelectItemRich) {
9623
+ .kui-SelectItem:where(.kui-SelectItemRich[data-multiline]) {
9618
9624
  -webkit-box-align: start;
9619
9625
  -ms-flex-align: start;
9620
9626
  align-items: flex-start;
9621
9627
  }
9622
- .kui-SelectItem:where(.kui-SelectItemRich) :where(.kui-SelectItemIndicator) {
9628
+ .kui-SelectItem:where(.kui-SelectItemRich[data-multiline]) :where(.kui-SelectItemIndicator) {
9623
9629
  bottom: auto;
9624
9630
  height: var(--base-menu-item-height);
9625
9631
  }
@@ -10028,8 +10034,8 @@
10028
10034
  position: relative;
10029
10035
  color: var(--accent-ink);
10030
10036
  background-color: var(--field-fill);
10031
- -webkit-box-shadow: var(--control-chrome);
10032
- box-shadow: var(--control-chrome);
10037
+ -webkit-box-shadow: var(--field-chrome);
10038
+ box-shadow: var(--field-chrome);
10033
10039
  }
10034
10040
  .kui-SelectTrigger:where(.kui-variant-raised):where(:focus-visible) {
10035
10041
  outline: 2px solid var(--focus-8);
@@ -15035,8 +15041,8 @@
15035
15041
  --v-selection-color: var(--focus-a5);
15036
15042
  --v-focus-color: var(--focus-8);
15037
15043
  background-color: var(--field-fill);
15038
- -webkit-box-shadow: var(--control-chrome);
15039
- box-shadow: var(--control-chrome);
15044
+ -webkit-box-shadow: var(--field-chrome);
15045
+ box-shadow: var(--field-chrome);
15040
15046
  }
15041
15047
  :is(.kui-TextAreaRoot:where(.kui-variant-raised) :where(.kui-TextAreaInput))::-webkit-input-placeholder {
15042
15048
  color: var(--neutral-a10);