plass-ui 1.0.2 → 1.1.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 (116) hide show
  1. package/CHANGELOG.md +169 -0
  2. package/README.md +14 -15
  3. package/dist/components/accordion/PlAccordion.d.ts +14 -0
  4. package/dist/components/accordion/PlAccordion.js +1 -1
  5. package/dist/components/avatar/PlAvatar.js +1 -1
  6. package/dist/components/avatar-group/PlAvatarGroup.d.ts +47 -0
  7. package/dist/components/avatar-group/PlAvatarGroup.js +1 -0
  8. package/dist/components/avatar-group/index.d.ts +2 -0
  9. package/dist/components/avatar-group/index.js +1 -0
  10. package/dist/components/checkbox/PlCheckbox.js +1 -1
  11. package/dist/components/color-picker/PlColorPicker.d.ts +88 -0
  12. package/dist/components/color-picker/PlColorPicker.js +1 -0
  13. package/dist/components/color-picker/index.d.ts +2 -0
  14. package/dist/components/color-picker/index.js +1 -0
  15. package/dist/components/combobox/PlCombobox.js +1 -1
  16. package/dist/components/command-palette/PlCommandPalette.d.ts +83 -0
  17. package/dist/components/command-palette/PlCommandPalette.js +1 -0
  18. package/dist/components/command-palette/index.d.ts +2 -0
  19. package/dist/components/command-palette/index.js +1 -0
  20. package/dist/components/divider/PlDivider.js +1 -1
  21. package/dist/components/drawer/PlDrawer.js +1 -1
  22. package/dist/components/fieldset/PlFieldset.d.ts +35 -0
  23. package/dist/components/fieldset/PlFieldset.js +1 -0
  24. package/dist/components/fieldset/index.d.ts +2 -0
  25. package/dist/components/fieldset/index.js +1 -0
  26. package/dist/components/footer/PlFooter.d.ts +90 -0
  27. package/dist/components/footer/PlFooter.js +1 -0
  28. package/dist/components/footer/index.d.ts +2 -0
  29. package/dist/components/footer/index.js +1 -0
  30. package/dist/components/form/PlForm.d.ts +61 -0
  31. package/dist/components/form/PlForm.js +1 -0
  32. package/dist/components/form/index.d.ts +2 -0
  33. package/dist/components/form/index.js +1 -0
  34. package/dist/components/header/PlHeader.d.ts +124 -0
  35. package/dist/components/header/PlHeader.js +1 -0
  36. package/dist/components/header/index.d.ts +2 -0
  37. package/dist/components/header/index.js +1 -0
  38. package/dist/components/menu/PlMenu.js +1 -1
  39. package/dist/components/menubar/PlMenubar.d.ts +56 -0
  40. package/dist/components/menubar/PlMenubar.js +1 -0
  41. package/dist/components/menubar/index.d.ts +2 -0
  42. package/dist/components/menubar/index.js +1 -0
  43. package/dist/components/modal/PlModal.js +1 -1
  44. package/dist/components/navigation-menu/PlNavigationMenu.d.ts +99 -0
  45. package/dist/components/navigation-menu/PlNavigationMenu.js +1 -0
  46. package/dist/components/navigation-menu/index.d.ts +2 -0
  47. package/dist/components/navigation-menu/index.js +1 -0
  48. package/dist/components/number-field/PlNumberField.js +1 -1
  49. package/dist/components/otp-field/PlOtpField.js +1 -1
  50. package/dist/components/overlay/PlOverlay.js +1 -1
  51. package/dist/components/page-layout/PlPageLayout.d.ts +139 -0
  52. package/dist/components/page-layout/PlPageLayout.js +1 -0
  53. package/dist/components/page-layout/index.d.ts +2 -0
  54. package/dist/components/page-layout/index.js +1 -0
  55. package/dist/components/pagination/PlPagination.d.ts +23 -0
  56. package/dist/components/pagination/PlPagination.js +1 -1
  57. package/dist/components/popover/PlPopover.js +1 -1
  58. package/dist/components/radio-group/PlRadioGroup.js +1 -1
  59. package/dist/components/scroll-zone/PlScrollZone.d.ts +35 -15
  60. package/dist/components/scroll-zone/PlScrollZone.js +1 -1
  61. package/dist/components/select/PlSelect.js +1 -1
  62. package/dist/components/sidebar/PlSidebar.d.ts +141 -0
  63. package/dist/components/sidebar/PlSidebar.js +1 -0
  64. package/dist/components/sidebar/PlSidebarTrigger.d.ts +34 -0
  65. package/dist/components/sidebar/PlSidebarTrigger.js +1 -0
  66. package/dist/components/sidebar/index.d.ts +4 -0
  67. package/dist/components/sidebar/index.js +1 -0
  68. package/dist/components/switch/PlSwitch.js +1 -1
  69. package/dist/components/table/PlTable.js +1 -1
  70. package/dist/components/text-field/PlTextField.js +1 -1
  71. package/dist/components/text-link/PlTextLink.d.ts +25 -2
  72. package/dist/components/text-link/PlTextLink.js +1 -1
  73. package/dist/components/toast/PlToast.js +1 -1
  74. package/dist/components/toggle/PlToggle.d.ts +55 -0
  75. package/dist/components/toggle/PlToggle.js +1 -0
  76. package/dist/components/toggle/PlToggleGroup.d.ts +48 -0
  77. package/dist/components/toggle/PlToggleGroup.js +1 -0
  78. package/dist/components/toggle/index.d.ts +4 -0
  79. package/dist/components/toggle/index.js +1 -0
  80. package/dist/components/tooltip/PlTooltip.js +1 -1
  81. package/dist/components/transfer/PlTransfer.d.ts +55 -0
  82. package/dist/components/transfer/PlTransfer.js +1 -0
  83. package/dist/components/transfer/index.d.ts +2 -0
  84. package/dist/components/transfer/index.js +1 -0
  85. package/dist/css/avatar-group.css +2 -0
  86. package/dist/css/color-picker.css +2 -0
  87. package/dist/css/command-palette.css +2 -0
  88. package/dist/css/fieldset.css +2 -0
  89. package/dist/css/footer.css +2 -0
  90. package/dist/css/form.css +2 -0
  91. package/dist/css/header.css +2 -0
  92. package/dist/css/menubar.css +2 -0
  93. package/dist/css/navigation-menu.css +2 -0
  94. package/dist/css/page-layout.css +2 -0
  95. package/dist/css/sidebar.css +2 -0
  96. package/dist/css/toggle.css +2 -0
  97. package/dist/css/transfer.css +2 -0
  98. package/dist/index.d.ts +13 -0
  99. package/dist/index.js +1 -1
  100. package/dist/internal/avatar-group.d.ts +25 -0
  101. package/dist/internal/avatar-group.js +2 -0
  102. package/dist/internal/color.d.ts +109 -0
  103. package/dist/internal/color.js +1 -0
  104. package/dist/internal/link.d.ts +18 -0
  105. package/dist/internal/link.js +1 -0
  106. package/dist/internal/page-layout.d.ts +140 -0
  107. package/dist/internal/page-layout.js +1 -0
  108. package/dist/internal/picker.js +1 -1
  109. package/dist/internal/search.d.ts +31 -0
  110. package/dist/internal/search.js +1 -0
  111. package/dist/internal/styles.d.ts +9 -0
  112. package/dist/internal/styles.js +1 -1
  113. package/dist/styles.css +1 -1
  114. package/dist/tailwind.css +26 -0
  115. package/dist/tokens.css +26 -0
  116. package/package.json +3 -3
package/dist/tokens.css CHANGED
@@ -78,6 +78,32 @@
78
78
  * its ink is dark, so it runs the other way and has room to spare.
79
79
  * ------------------------------------------------------------------------- */
80
80
 
81
+ /* ---------------------------------------------------------------------------
82
+ * Where a portal sits in the page's stack
83
+ *
84
+ * Every surface this library sends through a portal — a modal, a drawer, a
85
+ * menu, a select's list, a popover, a tooltip, a toast — is painted at this
86
+ * level, and it is a token rather than a number in fifteen class strings
87
+ * because it is the one value about them that belongs to the *page* rather than
88
+ * to the library. An app with a header of its own, a cookie bar, a video player
89
+ * or a game field has already decided what floats over what, and 50 is a guess
90
+ * at a ladder somebody else built.
91
+ *
92
+ * It is declared here, on a bare `:root`, and not repeated in either theme
93
+ * block. That is deliberate: `.light` and `.dark` re-declare everything they
94
+ * carry, so a token that lived in them would reset a consumer's own value on
95
+ * any nested element carrying a theme class.
96
+ *
97
+ * `z-index` is unitless and inherits like any other custom property, so one
98
+ * line in a consumer's stylesheet moves the whole set together — which is the
99
+ * point. Moving them apart is how a select opened inside a modal ends up behind
100
+ * it.
101
+ * ------------------------------------------------------------------------- */
102
+
103
+ :root {
104
+ --plass-z-portal: 50;
105
+ }
106
+
81
107
  :root {
82
108
  --plass-primary-solid: #3f63f2;
83
109
  --plass-primary-solid-to: #1b78cb;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "plass-ui",
3
- "version": "1.0.2",
3
+ "version": "1.1.0",
4
4
  "description": "A React UI component library made of glass and gradients — smooth tinted surfaces, shadows in their own colour, and light that follows the pointer. Accessible and themeable, ESM only, types included, dark mode built in.",
5
5
  "type": "module",
6
6
  "types": "dist/index.d.ts",
@@ -103,11 +103,11 @@
103
103
  "devDependencies": {
104
104
  "@eslint/js": "^9.39.1",
105
105
  "@tailwindcss/postcss": "^4.3.3",
106
- "@types/node": "^26.3.0",
106
+ "@types/node": "^26.4.0",
107
107
  "@types/react": "^19.2.18",
108
108
  "@types/react-dom": "^19.2.5",
109
109
  "@typescript-eslint/parser": "^8.68.0",
110
- "@vitejs/plugin-react": "^6.1.0",
110
+ "@vitejs/plugin-react": "^6.1.1",
111
111
  "@vitest/browser": "^4.1.11",
112
112
  "@vitest/browser-playwright": "^4.1.11",
113
113
  "esbuild": "^0.28.2",