@kushagradhawan/kookie-ui 0.1.2 → 0.1.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 (69) hide show
  1. package/components.css +5 -41
  2. package/dist/cjs/components/_internal/base-button.d.ts +4 -2
  3. package/dist/cjs/components/_internal/base-button.d.ts.map +1 -1
  4. package/dist/cjs/components/_internal/base-button.js +1 -1
  5. package/dist/cjs/components/_internal/base-button.js.map +3 -3
  6. package/dist/cjs/components/_internal/base-button.props.d.ts +5 -0
  7. package/dist/cjs/components/_internal/base-button.props.d.ts.map +1 -1
  8. package/dist/cjs/components/_internal/base-button.props.js +1 -1
  9. package/dist/cjs/components/_internal/base-button.props.js.map +2 -2
  10. package/dist/cjs/components/button.d.ts +12 -3
  11. package/dist/cjs/components/button.d.ts.map +1 -1
  12. package/dist/cjs/components/button.js +1 -1
  13. package/dist/cjs/components/button.js.map +2 -2
  14. package/dist/cjs/components/icon-button.d.ts +12 -3
  15. package/dist/cjs/components/icon-button.d.ts.map +1 -1
  16. package/dist/cjs/components/icon-button.js +1 -1
  17. package/dist/cjs/components/icon-button.js.map +2 -2
  18. package/dist/cjs/components/index.d.ts +2 -0
  19. package/dist/cjs/components/index.d.ts.map +1 -1
  20. package/dist/cjs/components/index.js +1 -1
  21. package/dist/cjs/components/index.js.map +3 -3
  22. package/dist/cjs/components/toggle-button.d.ts +11 -0
  23. package/dist/cjs/components/toggle-button.d.ts.map +1 -0
  24. package/dist/cjs/components/toggle-button.js +2 -0
  25. package/dist/cjs/components/toggle-button.js.map +7 -0
  26. package/dist/cjs/components/toggle-icon-button.d.ts +11 -0
  27. package/dist/cjs/components/toggle-icon-button.d.ts.map +1 -0
  28. package/dist/cjs/components/toggle-icon-button.js +2 -0
  29. package/dist/cjs/components/toggle-icon-button.js.map +7 -0
  30. package/dist/esm/components/_internal/base-button.d.ts +4 -2
  31. package/dist/esm/components/_internal/base-button.d.ts.map +1 -1
  32. package/dist/esm/components/_internal/base-button.js +1 -1
  33. package/dist/esm/components/_internal/base-button.js.map +3 -3
  34. package/dist/esm/components/_internal/base-button.props.d.ts +5 -0
  35. package/dist/esm/components/_internal/base-button.props.d.ts.map +1 -1
  36. package/dist/esm/components/_internal/base-button.props.js +1 -1
  37. package/dist/esm/components/_internal/base-button.props.js.map +2 -2
  38. package/dist/esm/components/button.d.ts +12 -3
  39. package/dist/esm/components/button.d.ts.map +1 -1
  40. package/dist/esm/components/button.js +1 -1
  41. package/dist/esm/components/button.js.map +2 -2
  42. package/dist/esm/components/icon-button.d.ts +12 -3
  43. package/dist/esm/components/icon-button.d.ts.map +1 -1
  44. package/dist/esm/components/icon-button.js +1 -1
  45. package/dist/esm/components/icon-button.js.map +2 -2
  46. package/dist/esm/components/index.d.ts +2 -0
  47. package/dist/esm/components/index.d.ts.map +1 -1
  48. package/dist/esm/components/index.js +1 -1
  49. package/dist/esm/components/index.js.map +3 -3
  50. package/dist/esm/components/toggle-button.d.ts +11 -0
  51. package/dist/esm/components/toggle-button.d.ts.map +1 -0
  52. package/dist/esm/components/toggle-button.js +2 -0
  53. package/dist/esm/components/toggle-button.js.map +7 -0
  54. package/dist/esm/components/toggle-icon-button.d.ts +11 -0
  55. package/dist/esm/components/toggle-icon-button.d.ts.map +1 -0
  56. package/dist/esm/components/toggle-icon-button.js +2 -0
  57. package/dist/esm/components/toggle-icon-button.js.map +7 -0
  58. package/package.json +1 -1
  59. package/src/components/_internal/base-button.css +7 -12
  60. package/src/components/_internal/base-button.props.ts +2 -0
  61. package/src/components/_internal/base-button.tsx +20 -6
  62. package/src/components/button.css +0 -24
  63. package/src/components/button.tsx +18 -5
  64. package/src/components/icon-button.css +2 -31
  65. package/src/components/icon-button.tsx +21 -5
  66. package/src/components/index.tsx +2 -0
  67. package/src/components/toggle-button.tsx +30 -0
  68. package/src/components/toggle-icon-button.tsx +30 -0
  69. package/styles.css +5 -41
package/styles.css CHANGED
@@ -6545,6 +6545,7 @@
6545
6545
  font-family: var(--default-font-family);
6546
6546
  font-style: normal;
6547
6547
  text-align: center;
6548
+ height: var(--base-button-height);
6548
6549
  }
6549
6550
  .rt-BaseButton:where([data-disabled]) {
6550
6551
  --spinner-opacity: 1;
@@ -6552,13 +6553,9 @@
6552
6553
  .rt-BaseButton:where(.rt-loading) {
6553
6554
  position: relative;
6554
6555
  }
6555
- .rt-BaseButton:where(:not(.rt-variant-ghost)) {
6556
- height: var(--base-button-height);
6557
- }
6558
- .rt-BaseButton:where(.rt-variant-ghost) {
6559
- box-sizing: content-box;
6560
- height: -moz-fit-content;
6561
- height: fit-content;
6556
+ .rt-BaseButton:where(.rt-full-width) {
6557
+ display: flex;
6558
+ width: 100%;
6562
6559
  }
6563
6560
  .rt-BaseButton:where(.rt-r-size-1) {
6564
6561
  --base-button-classic-active-padding-top: 1px;
@@ -6917,21 +6914,6 @@
6917
6914
  }
6918
6915
  .rt-Button:where(.rt-variant-ghost) {
6919
6916
  padding: var(--button-ghost-padding-y) var(--button-ghost-padding-x);
6920
- --margin-top: 0px;
6921
- --margin-right: 0px;
6922
- --margin-bottom: 0px;
6923
- --margin-left: 0px;
6924
- --margin-top-override: calc(var(--margin-top) - var(--button-ghost-padding-y));
6925
- --margin-right-override: calc(var(--margin-right) - var(--button-ghost-padding-x));
6926
- --margin-bottom-override: calc(var(--margin-bottom) - var(--button-ghost-padding-y));
6927
- --margin-left-override: calc(var(--margin-left) - var(--button-ghost-padding-x));
6928
- margin: var(--margin-top-override) var(--margin-right-override) var(--margin-bottom-override) var(--margin-left-override);
6929
- }
6930
- :where(.rt-Button:where(.rt-variant-ghost)) > * {
6931
- --margin-top-override: initial;
6932
- --margin-right-override: initial;
6933
- --margin-bottom-override: initial;
6934
- --margin-left-override: initial;
6935
6917
  }
6936
6918
  .rt-Button:where(.rt-r-size-1) {
6937
6919
  gap: var(--space-1);
@@ -10382,28 +10364,10 @@
10382
10364
  border-radius: var(--radius-5);
10383
10365
  }
10384
10366
  }
10385
- .rt-IconButton:where(:not(.rt-variant-ghost)) {
10367
+ .rt-IconButton {
10386
10368
  height: var(--base-button-height);
10387
10369
  width: var(--base-button-height);
10388
10370
  }
10389
- .rt-IconButton:where(.rt-variant-ghost) {
10390
- padding: var(--icon-button-ghost-padding);
10391
- --margin-top: 0px;
10392
- --margin-right: 0px;
10393
- --margin-bottom: 0px;
10394
- --margin-left: 0px;
10395
- --margin-top-override: calc(var(--margin-top) - var(--icon-button-ghost-padding));
10396
- --margin-right-override: calc(var(--margin-right) - var(--icon-button-ghost-padding));
10397
- --margin-bottom-override: calc(var(--margin-bottom) - var(--icon-button-ghost-padding));
10398
- --margin-left-override: calc(var(--margin-left) - var(--icon-button-ghost-padding));
10399
- margin: var(--margin-top-override) var(--margin-right-override) var(--margin-bottom-override) var(--margin-left-override);
10400
- }
10401
- :where(.rt-IconButton:where(.rt-variant-ghost)) > * {
10402
- --margin-top-override: initial;
10403
- --margin-right-override: initial;
10404
- --margin-bottom-override: initial;
10405
- --margin-left-override: initial;
10406
- }
10407
10371
  .rt-IconButton:where(.rt-r-size-1) :where(svg) {
10408
10372
  width: 13px;
10409
10373
  height: 13px;