paris 0.24.0 → 0.25.0

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 (104) hide show
  1. package/CHANGELOG.md +50 -0
  2. package/README.md +2 -2
  3. package/dist/stories/accordion/Accordion.module.scss.js +1 -1
  4. package/dist/stories/accordionselect/{AccordionSelect.module.css → AccordionSelect.css} +3 -0
  5. package/dist/stories/accordionselect/AccordionSelect.d.ts +15 -14
  6. package/dist/stories/accordionselect/AccordionSelect.js +8 -3
  7. package/dist/stories/accordionselect/AccordionSelect.js.map +1 -1
  8. package/dist/stories/accordionselect/AccordionSelect.module.scss.js +1 -1
  9. package/dist/stories/avatar/Avatar.module.scss.js +1 -1
  10. package/dist/stories/button/{Button.module.css → Button.css} +17 -0
  11. package/dist/stories/button/Button.js +2 -1
  12. package/dist/stories/button/Button.js.map +1 -1
  13. package/dist/stories/button/Button.module.scss.js +6 -2
  14. package/dist/stories/button/Button.module.scss.js.map +1 -1
  15. package/dist/stories/callout/Callout.module.scss.js +1 -1
  16. package/dist/stories/card/Card.module.scss.js +1 -1
  17. package/dist/stories/cardbutton/{CardButton.module.css → CardButton.css} +1 -1
  18. package/dist/stories/cardbutton/CardButton.d.ts +9 -1
  19. package/dist/stories/cardbutton/CardButton.js +5 -2
  20. package/dist/stories/cardbutton/CardButton.js.map +1 -1
  21. package/dist/stories/cardbutton/CardButton.module.scss.js +1 -1
  22. package/dist/stories/checkbox/{Checkbox.module.css → Checkbox.css} +14 -0
  23. package/dist/stories/checkbox/Checkbox.d.ts +30 -2
  24. package/dist/stories/checkbox/Checkbox.js +91 -83
  25. package/dist/stories/checkbox/Checkbox.js.map +1 -1
  26. package/dist/stories/checkbox/Checkbox.module.scss.js +1 -1
  27. package/dist/stories/codeinput/CodeInput.d.ts +1 -2
  28. package/dist/stories/codeinput/CodeInput.js +100 -93
  29. package/dist/stories/codeinput/CodeInput.js.map +1 -1
  30. package/dist/stories/codeinput/CodeInput.module.scss.js +1 -1
  31. package/dist/stories/combobox/Combobox.d.ts +9 -4
  32. package/dist/stories/combobox/Combobox.js +13 -2
  33. package/dist/stories/combobox/Combobox.js.map +1 -1
  34. package/dist/stories/dialog/Dialog.module.scss.js +1 -1
  35. package/dist/stories/drawer/Drawer.d.ts +9 -0
  36. package/dist/stories/drawer/Drawer.js +11 -0
  37. package/dist/stories/drawer/Drawer.js.map +1 -1
  38. package/dist/stories/drawer/Drawer.module.scss.js +1 -1
  39. package/dist/stories/field/Field.js +6 -6
  40. package/dist/stories/field/Field.js.map +1 -1
  41. package/dist/stories/informationaltooltip/InformationalTooltip.module.scss.js +1 -1
  42. package/dist/stories/input/Input.d.ts +39 -2
  43. package/dist/stories/input/Input.js.map +1 -1
  44. package/dist/stories/input/Input.module.scss.js +1 -1
  45. package/dist/stories/markdown/Markdown.module.scss.js +1 -1
  46. package/dist/stories/markdowneditor/FixedToolbar.module.scss.js +1 -1
  47. package/dist/stories/markdowneditor/FloatingToolbar.module.scss.js +1 -1
  48. package/dist/stories/markdowneditor/LinkPopover.module.scss.js +1 -1
  49. package/dist/stories/markdowneditor/MarkdownEditor.d.ts +10 -2
  50. package/dist/stories/markdowneditor/MarkdownEditor.js +5 -4
  51. package/dist/stories/markdowneditor/MarkdownEditor.js.map +1 -1
  52. package/dist/stories/markdowneditor/MarkdownEditor.module.scss.js +1 -1
  53. package/dist/stories/markdowneditor/ToolbarButton.module.scss.js +1 -1
  54. package/dist/stories/menu/{Menu.module.css → Menu.css} +3 -0
  55. package/dist/stories/menu/Menu.d.ts +5 -2
  56. package/dist/stories/menu/Menu.js +4 -10
  57. package/dist/stories/menu/Menu.js.map +1 -1
  58. package/dist/stories/menu/Menu.module.scss.js +1 -1
  59. package/dist/stories/popover/Popover.module.scss.js +1 -1
  60. package/dist/stories/select/{Select.module.css → Select.css} +3 -0
  61. package/dist/stories/select/Select.d.ts +19 -14
  62. package/dist/stories/select/Select.js +249 -240
  63. package/dist/stories/select/Select.js.map +1 -1
  64. package/dist/stories/select/Select.module.scss.js +1 -1
  65. package/dist/stories/styledlink/StyledLink.module.scss.js +1 -1
  66. package/dist/stories/table/Table.module.scss.js +1 -1
  67. package/dist/stories/tabs/Tabs.d.ts +10 -4
  68. package/dist/stories/tabs/Tabs.js +1 -3
  69. package/dist/stories/tabs/Tabs.js.map +1 -1
  70. package/dist/stories/tabs/Tabs.module.scss.js +1 -1
  71. package/dist/stories/tag/Tag.module.scss.js +1 -1
  72. package/dist/stories/text/Text.module.scss.js +1 -1
  73. package/dist/stories/text/Typography.module.css.js +1 -1
  74. package/dist/stories/tilt/Tilt.module.scss.js +1 -1
  75. package/dist/stories/toast/Toast.module.scss.js +1 -1
  76. package/dist/stories/utility/TextWhenString.d.ts +3 -3
  77. package/dist/stories/utility/TextWhenString.js +2 -3
  78. package/dist/stories/utility/TextWhenString.js.map +1 -1
  79. package/dist/styles.css +41 -1
  80. package/package.json +2 -2
  81. /package/dist/stories/accordion/{Accordion.module.css → Accordion.css} +0 -0
  82. /package/dist/stories/avatar/{Avatar.module.css → Avatar.css} +0 -0
  83. /package/dist/stories/callout/{Callout.module.css → Callout.css} +0 -0
  84. /package/dist/stories/card/{Card.module.css → Card.css} +0 -0
  85. /package/dist/stories/codeinput/{CodeInput.module.css → CodeInput.css} +0 -0
  86. /package/dist/stories/dialog/{Dialog.module.css → Dialog.css} +0 -0
  87. /package/dist/stories/drawer/{Drawer.module.css → Drawer.css} +0 -0
  88. /package/dist/stories/informationaltooltip/{InformationalTooltip.module.css → InformationalTooltip.css} +0 -0
  89. /package/dist/stories/input/{Input.module.css → Input.css} +0 -0
  90. /package/dist/stories/markdown/{Markdown.module.css → Markdown.css} +0 -0
  91. /package/dist/stories/markdowneditor/{FixedToolbar.module.css → FixedToolbar.css} +0 -0
  92. /package/dist/stories/markdowneditor/{FloatingToolbar.module.css → FloatingToolbar.css} +0 -0
  93. /package/dist/stories/markdowneditor/{LinkPopover.module.css → LinkPopover.css} +0 -0
  94. /package/dist/stories/markdowneditor/{MarkdownEditor.module.css → MarkdownEditor.css} +0 -0
  95. /package/dist/stories/markdowneditor/{ToolbarButton.module.css → ToolbarButton.css} +0 -0
  96. /package/dist/stories/popover/{Popover.module.css → Popover.css} +0 -0
  97. /package/dist/stories/styledlink/{StyledLink.module.css → StyledLink.css} +0 -0
  98. /package/dist/stories/table/{Table.module.css → Table.css} +0 -0
  99. /package/dist/stories/tabs/{Tabs.module.css → Tabs.css} +0 -0
  100. /package/dist/stories/tag/{Tag.module.css → Tag.css} +0 -0
  101. /package/dist/stories/text/{Text.module.css → Text.css} +0 -0
  102. /package/dist/stories/text/{Typography.module.css → Typography.css} +0 -0
  103. /package/dist/stories/tilt/{Tilt.module.css → Tilt.css} +0 -0
  104. /package/dist/stories/toast/{Toast.module.css → Toast.css} +0 -0
package/dist/styles.css CHANGED
@@ -139,6 +139,9 @@
139
139
  .paris_root_66wcQ.paris_open_FCY1A {
140
140
  border-color: var(--pte-new-colors-borderUltrastrong);
141
141
  }
142
+ .paris_root_66wcQ[data-status=error] {
143
+ border-color: var(--pte-new-colors-inputBorderNegative);
144
+ }
142
145
 
143
146
  .paris_header_PKn63 {
144
147
  padding: 10px 12px;
@@ -312,6 +315,23 @@
312
315
  color: var(--pte-new-colors-contentDisabled);
313
316
  }
314
317
 
318
+ /*
319
+ * NOTIFICATION DOT
320
+ */
321
+ .paris_notificationDot_JqrZa {
322
+ position: absolute;
323
+ top: 0;
324
+ right: 0;
325
+ }
326
+
327
+ .paris_hasNotificationDot_uHVND[aria-disabled=false].paris_primary_WZ3V2 {
328
+ background-color: var(--pte-new-colors-buttonFillHover);
329
+ border-color: var(--pte-new-colors-buttonFillHover);
330
+ }
331
+ .paris_hasNotificationDot_uHVND[aria-disabled=false].paris_secondary_PPwS-, .paris_hasNotificationDot_uHVND[aria-disabled=false].paris_tertiary_YxJ8t {
332
+ background-color: var(--pte-new-colors-overlayMedium);
333
+ }
334
+
315
335
  /*
316
336
  * SIZE
317
337
  */
@@ -476,7 +496,7 @@
476
496
  border-radius: var(--pte-borders-radius-rounded);
477
497
  background-color: var(--pte-new-colors-surfacePrimary);
478
498
  box-shadow: var(--pte-new-lighting-subtlePopup);
479
- border: 1px solid var(--pte-new-colors-surfacePrimary);
499
+ border: 1px solid transparent;
480
500
  }
481
501
  .paris_raised_GtoCs:hover {
482
502
  background-color: var(--pte-new-colors-overlayStrong);
@@ -578,6 +598,9 @@
578
598
  .paris_root_w6zlF.paris_default_qtbVz[data-disabled=true] {
579
599
  border-color: var(--pte-new-colors-contentDisabled);
580
600
  }
601
+ .paris_root_w6zlF.paris_default_qtbVz[data-status=error] {
602
+ border-color: var(--pte-new-colors-inputBorderNegative);
603
+ }
581
604
  .paris_root_w6zlF.paris_default_qtbVz span {
582
605
  transition: var(--pte-animations-interaction);
583
606
  }
@@ -630,6 +653,13 @@
630
653
  .paris_root_w6zlF.paris_panel_UJPWZ[data-state=checked] .paris_box_YbOZP, .paris_root_w6zlF.paris_panel_UJPWZ[data-state=indeterminate] .paris_box_YbOZP {
631
654
  display: none;
632
655
  }
656
+ .paris_root_w6zlF.paris_surface_8yt4c[data-status=error], .paris_root_w6zlF.paris_panel_UJPWZ[data-status=error] {
657
+ outline: 1px solid var(--pte-new-colors-inputBorderNegative);
658
+ outline-offset: -1px;
659
+ }
660
+ .paris_root_w6zlF.paris_surface_8yt4c[data-status=error] .paris_box_YbOZP, .paris_root_w6zlF.paris_panel_UJPWZ[data-status=error] .paris_box_YbOZP {
661
+ border-color: var(--pte-new-colors-inputBorderNegative);
662
+ }
633
663
 
634
664
  .paris_indicator_GKuuB {
635
665
  cursor: default;
@@ -667,6 +697,10 @@
667
697
  .paris_switchContainer_e6qHl[data-disabled=true][data-checked], .paris_switchContainer_e6qHl[data-disabled=true][data-state=indeterminate] {
668
698
  background-color: var(--pte-new-colors-contentInverseTertiary);
669
699
  }
700
+ .paris_switchContainer_e6qHl[data-status=error] {
701
+ outline: 1px solid var(--pte-new-colors-inputBorderNegative);
702
+ outline-offset: 2px;
703
+ }
670
704
  .paris_switchContainer_e6qHl:hover {
671
705
  background-color: var(--pte-new-colors-contentSecondary);
672
706
  }
@@ -2356,6 +2390,9 @@
2356
2390
  opacity: 1;
2357
2391
  transform: translateY(0);
2358
2392
  }
2393
+ .paris_menuItems_QbqR7:empty {
2394
+ display: none;
2395
+ }
2359
2396
  .paris_menuItems_QbqR7[data-closed] {
2360
2397
  opacity: 0;
2361
2398
  transform: translateY(-8px);
@@ -2452,6 +2489,9 @@
2452
2489
  box-shadow: var(--pte-new-lighting-deepBelow);
2453
2490
  transition: opacity var(--pte-animations-interaction), transform var(--pte-animations-interaction);
2454
2491
  }
2492
+ .paris_options_OCbX8:empty {
2493
+ display: none;
2494
+ }
2455
2495
  .paris_options_OCbX8[data-closed] {
2456
2496
  opacity: 0;
2457
2497
  transform: translateY(-8px);
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "paris",
3
3
  "author": "Sanil Chawla <sanil@slingshot.fm> (https://sanil.co)",
4
4
  "description": "Paris is Slingshot's React design system. It's a collection of reusable components, design tokens, and guidelines that help us build consistent, accessible, and performant user interfaces.",
5
- "version": "0.24.0",
5
+ "version": "0.25.0",
6
6
  "type": "module",
7
7
  "sideEffects": [
8
8
  "**/*.css",
@@ -31,7 +31,7 @@
31
31
  "storybook"
32
32
  ],
33
33
  "scripts": {
34
- "build": "bun run generate:exports && vite build && node scripts/buildThemeCss.mjs",
34
+ "build": "bun run generate:exports && vite build && node scripts/postbuild.mjs",
35
35
  "build:site": "next build",
36
36
  "prepack": "bun run build",
37
37
  "storybook": "storybook dev -p 6006",
File without changes
File without changes
File without changes
File without changes
File without changes