@kushagradhawan/kookie-ui 0.1.66 → 0.1.67

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 (10) hide show
  1. package/components.css +12 -12
  2. package/package.json +1 -1
  3. package/schemas/base-button.json +1 -1
  4. package/schemas/button.json +1 -1
  5. package/schemas/icon-button.json +1 -1
  6. package/schemas/index.json +6 -6
  7. package/schemas/toggle-button.json +1 -1
  8. package/schemas/toggle-icon-button.json +1 -1
  9. package/src/components/chatbar.css +3 -3
  10. package/styles.css +12 -12
package/components.css CHANGED
@@ -19897,8 +19897,8 @@
19897
19897
  letter-spacing: var(--letter-spacing-2);
19898
19898
  }
19899
19899
  .rt-ChatbarRoot:where(.rt-r-size-3) .rt-ChatbarBox {
19900
- border-radius: min(var(--radius-8), calc(var(--radius-4) + var(--space-4)));
19901
- padding: var(--space-5);
19900
+ border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-3)));
19901
+ padding: var(--space-4);
19902
19902
  }
19903
19903
  .rt-ChatbarRoot:where(.rt-r-size-3) .rt-ChatbarInput {
19904
19904
  --text-area-padding-y: calc(var(--space-5) - var(--text-area-border-width));
@@ -19931,8 +19931,8 @@
19931
19931
  letter-spacing: var(--letter-spacing-2);
19932
19932
  }
19933
19933
  .rt-ChatbarRoot:where(.xs\:rt-r-size-3) .rt-ChatbarBox {
19934
- border-radius: min(var(--radius-8), calc(var(--radius-4) + var(--space-4)));
19935
- padding: var(--space-5);
19934
+ border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-3)));
19935
+ padding: var(--space-4);
19936
19936
  }
19937
19937
  .rt-ChatbarRoot:where(.xs\:rt-r-size-3) .rt-ChatbarInput {
19938
19938
  --text-area-padding-y: calc(var(--space-5) - var(--text-area-border-width));
@@ -19966,8 +19966,8 @@
19966
19966
  letter-spacing: var(--letter-spacing-2);
19967
19967
  }
19968
19968
  .rt-ChatbarRoot:where(.sm\:rt-r-size-3) .rt-ChatbarBox {
19969
- border-radius: min(var(--radius-8), calc(var(--radius-4) + var(--space-4)));
19970
- padding: var(--space-5);
19969
+ border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-3)));
19970
+ padding: var(--space-4);
19971
19971
  }
19972
19972
  .rt-ChatbarRoot:where(.sm\:rt-r-size-3) .rt-ChatbarInput {
19973
19973
  --text-area-padding-y: calc(var(--space-5) - var(--text-area-border-width));
@@ -20001,8 +20001,8 @@
20001
20001
  letter-spacing: var(--letter-spacing-2);
20002
20002
  }
20003
20003
  .rt-ChatbarRoot:where(.md\:rt-r-size-3) .rt-ChatbarBox {
20004
- border-radius: min(var(--radius-8), calc(var(--radius-4) + var(--space-4)));
20005
- padding: var(--space-5);
20004
+ border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-3)));
20005
+ padding: var(--space-4);
20006
20006
  }
20007
20007
  .rt-ChatbarRoot:where(.md\:rt-r-size-3) .rt-ChatbarInput {
20008
20008
  --text-area-padding-y: calc(var(--space-5) - var(--text-area-border-width));
@@ -20036,8 +20036,8 @@
20036
20036
  letter-spacing: var(--letter-spacing-2);
20037
20037
  }
20038
20038
  .rt-ChatbarRoot:where(.lg\:rt-r-size-3) .rt-ChatbarBox {
20039
- border-radius: min(var(--radius-8), calc(var(--radius-4) + var(--space-4)));
20040
- padding: var(--space-5);
20039
+ border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-3)));
20040
+ padding: var(--space-4);
20041
20041
  }
20042
20042
  .rt-ChatbarRoot:where(.lg\:rt-r-size-3) .rt-ChatbarInput {
20043
20043
  --text-area-padding-y: calc(var(--space-5) - var(--text-area-border-width));
@@ -20071,8 +20071,8 @@
20071
20071
  letter-spacing: var(--letter-spacing-2);
20072
20072
  }
20073
20073
  .rt-ChatbarRoot:where(.xl\:rt-r-size-3) .rt-ChatbarBox {
20074
- border-radius: min(var(--radius-8), calc(var(--radius-4) + var(--space-4)));
20075
- padding: var(--space-5);
20074
+ border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-3)));
20075
+ padding: var(--space-4);
20076
20076
  }
20077
20077
  .rt-ChatbarRoot:where(.xl\:rt-r-size-3) .rt-ChatbarInput {
20078
20078
  --text-area-padding-y: calc(var(--space-5) - var(--text-area-border-width));
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kushagradhawan/kookie-ui",
3
- "version": "0.1.66",
3
+ "version": "0.1.67",
4
4
  "description": "A modern React component library with beautiful design tokens, flexible theming, and comprehensive docs",
5
5
  "keywords": [
6
6
  "react",
package/schemas/base-button.json CHANGED
@@ -279,6 +279,6 @@
279
279
  "title": "Base-button Component Props",
280
280
  "description": "Props schema for the base-button component in Kookie UI",
281
281
  "version": "1.0.0",
282
- "generatedAt": "2025-11-27T07:28:31.409Z",
282
+ "generatedAt": "2025-12-04T10:05:53.518Z",
283
283
  "source": "Zod schema"
284
284
  }
package/schemas/button.json CHANGED
@@ -530,6 +530,6 @@
530
530
  "title": "Button Component Props",
531
531
  "description": "Props schema for the button component in Kookie UI",
532
532
  "version": "1.0.0",
533
- "generatedAt": "2025-11-27T07:28:31.414Z",
533
+ "generatedAt": "2025-12-04T10:05:53.523Z",
534
534
  "source": "Zod schema"
535
535
  }
package/schemas/icon-button.json CHANGED
@@ -313,6 +313,6 @@
313
313
  "title": "Icon-button Component Props",
314
314
  "description": "Props schema for the icon-button component in Kookie UI",
315
315
  "version": "1.0.0",
316
- "generatedAt": "2025-11-27T07:28:31.416Z",
316
+ "generatedAt": "2025-12-04T10:05:53.525Z",
317
317
  "source": "Zod schema"
318
318
  }
package/schemas/index.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "title": "Kookie UI Button Components",
4
4
  "description": "Complete JSON Schema collection for all button components in Kookie UI",
5
5
  "version": "1.0.0",
6
- "generatedAt": "2025-11-27T07:28:31.418Z",
6
+ "generatedAt": "2025-12-04T10:05:53.527Z",
7
7
  "source": "Zod schemas",
8
8
  "components": {
9
9
  "base-button": {
@@ -287,7 +287,7 @@
287
287
  "title": "Base-button Component Props",
288
288
  "description": "Props schema for the base-button component in Kookie UI",
289
289
  "version": "1.0.0",
290
- "generatedAt": "2025-11-27T07:28:31.409Z",
290
+ "generatedAt": "2025-12-04T10:05:53.518Z",
291
291
  "source": "Zod schema"
292
292
  },
293
293
  "button": {
@@ -822,7 +822,7 @@
822
822
  "title": "Button Component Props",
823
823
  "description": "Props schema for the button component in Kookie UI",
824
824
  "version": "1.0.0",
825
- "generatedAt": "2025-11-27T07:28:31.414Z",
825
+ "generatedAt": "2025-12-04T10:05:53.523Z",
826
826
  "source": "Zod schema"
827
827
  },
828
828
  "icon-button": {
@@ -1140,7 +1140,7 @@
1140
1140
  "title": "Icon-button Component Props",
1141
1141
  "description": "Props schema for the icon-button component in Kookie UI",
1142
1142
  "version": "1.0.0",
1143
- "generatedAt": "2025-11-27T07:28:31.416Z",
1143
+ "generatedAt": "2025-12-04T10:05:53.525Z",
1144
1144
  "source": "Zod schema"
1145
1145
  },
1146
1146
  "toggle-button": {
@@ -1683,7 +1683,7 @@
1683
1683
  "title": "Toggle-button Component Props",
1684
1684
  "description": "Props schema for the toggle-button component in Kookie UI",
1685
1685
  "version": "1.0.0",
1686
- "generatedAt": "2025-11-27T07:28:31.417Z",
1686
+ "generatedAt": "2025-12-04T10:05:53.526Z",
1687
1687
  "source": "Zod schema"
1688
1688
  },
1689
1689
  "toggle-icon-button": {
@@ -2009,7 +2009,7 @@
2009
2009
  "title": "Toggle-icon-button Component Props",
2010
2010
  "description": "Props schema for the toggle-icon-button component in Kookie UI",
2011
2011
  "version": "1.0.0",
2012
- "generatedAt": "2025-11-27T07:28:31.418Z",
2012
+ "generatedAt": "2025-12-04T10:05:53.527Z",
2013
2013
  "source": "Zod schema"
2014
2014
  }
2015
2015
  }
package/schemas/toggle-button.json CHANGED
@@ -538,6 +538,6 @@
538
538
  "title": "Toggle-button Component Props",
539
539
  "description": "Props schema for the toggle-button component in Kookie UI",
540
540
  "version": "1.0.0",
541
- "generatedAt": "2025-11-27T07:28:31.417Z",
541
+ "generatedAt": "2025-12-04T10:05:53.526Z",
542
542
  "source": "Zod schema"
543
543
  }
package/schemas/toggle-icon-button.json CHANGED
@@ -321,6 +321,6 @@
321
321
  "title": "Toggle-icon-button Component Props",
322
322
  "description": "Props schema for the toggle-icon-button component in Kookie UI",
323
323
  "version": "1.0.0",
324
- "generatedAt": "2025-11-27T07:28:31.418Z",
324
+ "generatedAt": "2025-12-04T10:05:53.527Z",
325
325
  "source": "Zod schema"
326
326
  }
package/src/components/chatbar.css CHANGED
@@ -189,9 +189,9 @@
189
189
  letter-spacing: var(--letter-spacing-2);
190
190
  }
191
191
  .rt-ChatbarRoot:where(.rt-r-size-3) .rt-ChatbarBox {
192
- /* Map Chatbar size 3 to Card size 4 */
193
- border-radius: min(var(--radius-8), calc(var(--radius-4) + var(--space-4)));
194
- padding: var(--space-5);
192
+ /* Custom Chatbar size 3, different to Card size 4 */
193
+ border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-3)));
194
+ padding: var(--space-4);
195
195
  }
196
196
  .rt-ChatbarRoot:where(.rt-r-size-3) .rt-ChatbarInput {
197
197
  --text-area-padding-y: calc(var(--space-5) - var(--text-area-border-width));
package/styles.css CHANGED
@@ -24902,8 +24902,8 @@
24902
24902
  letter-spacing: var(--letter-spacing-2);
24903
24903
  }
24904
24904
  .rt-ChatbarRoot:where(.rt-r-size-3) .rt-ChatbarBox{
24905
- border-radius: min(var(--radius-8), calc(var(--radius-4) + var(--space-4)));
24906
- padding: var(--space-5);
24905
+ border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-3)));
24906
+ padding: var(--space-4);
24907
24907
  }
24908
24908
  .rt-ChatbarRoot:where(.rt-r-size-3) .rt-ChatbarInput{
24909
24909
  --text-area-padding-y: calc(var(--space-5) - var(--text-area-border-width));
@@ -24936,8 +24936,8 @@
24936
24936
  letter-spacing: var(--letter-spacing-2);
24937
24937
  }
24938
24938
  .rt-ChatbarRoot:where(.xs\:rt-r-size-3) .rt-ChatbarBox{
24939
- border-radius: min(var(--radius-8), calc(var(--radius-4) + var(--space-4)));
24940
- padding: var(--space-5);
24939
+ border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-3)));
24940
+ padding: var(--space-4);
24941
24941
  }
24942
24942
  .rt-ChatbarRoot:where(.xs\:rt-r-size-3) .rt-ChatbarInput{
24943
24943
  --text-area-padding-y: calc(var(--space-5) - var(--text-area-border-width));
@@ -24971,8 +24971,8 @@
24971
24971
  letter-spacing: var(--letter-spacing-2);
24972
24972
  }
24973
24973
  .rt-ChatbarRoot:where(.sm\:rt-r-size-3) .rt-ChatbarBox{
24974
- border-radius: min(var(--radius-8), calc(var(--radius-4) + var(--space-4)));
24975
- padding: var(--space-5);
24974
+ border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-3)));
24975
+ padding: var(--space-4);
24976
24976
  }
24977
24977
  .rt-ChatbarRoot:where(.sm\:rt-r-size-3) .rt-ChatbarInput{
24978
24978
  --text-area-padding-y: calc(var(--space-5) - var(--text-area-border-width));
@@ -25006,8 +25006,8 @@
25006
25006
  letter-spacing: var(--letter-spacing-2);
25007
25007
  }
25008
25008
  .rt-ChatbarRoot:where(.md\:rt-r-size-3) .rt-ChatbarBox{
25009
- border-radius: min(var(--radius-8), calc(var(--radius-4) + var(--space-4)));
25010
- padding: var(--space-5);
25009
+ border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-3)));
25010
+ padding: var(--space-4);
25011
25011
  }
25012
25012
  .rt-ChatbarRoot:where(.md\:rt-r-size-3) .rt-ChatbarInput{
25013
25013
  --text-area-padding-y: calc(var(--space-5) - var(--text-area-border-width));
@@ -25041,8 +25041,8 @@
25041
25041
  letter-spacing: var(--letter-spacing-2);
25042
25042
  }
25043
25043
  .rt-ChatbarRoot:where(.lg\:rt-r-size-3) .rt-ChatbarBox{
25044
- border-radius: min(var(--radius-8), calc(var(--radius-4) + var(--space-4)));
25045
- padding: var(--space-5);
25044
+ border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-3)));
25045
+ padding: var(--space-4);
25046
25046
  }
25047
25047
  .rt-ChatbarRoot:where(.lg\:rt-r-size-3) .rt-ChatbarInput{
25048
25048
  --text-area-padding-y: calc(var(--space-5) - var(--text-area-border-width));
@@ -25076,8 +25076,8 @@
25076
25076
  letter-spacing: var(--letter-spacing-2);
25077
25077
  }
25078
25078
  .rt-ChatbarRoot:where(.xl\:rt-r-size-3) .rt-ChatbarBox{
25079
- border-radius: min(var(--radius-8), calc(var(--radius-4) + var(--space-4)));
25080
- padding: var(--space-5);
25079
+ border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-3)));
25080
+ padding: var(--space-4);
25081
25081
  }
25082
25082
  .rt-ChatbarRoot:where(.xl\:rt-r-size-3) .rt-ChatbarInput{
25083
25083
  --text-area-padding-y: calc(var(--space-5) - var(--text-area-border-width));