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.
- package/CHANGELOG.md +169 -0
- package/README.md +14 -15
- package/dist/components/accordion/PlAccordion.d.ts +14 -0
- package/dist/components/accordion/PlAccordion.js +1 -1
- package/dist/components/avatar/PlAvatar.js +1 -1
- package/dist/components/avatar-group/PlAvatarGroup.d.ts +47 -0
- package/dist/components/avatar-group/PlAvatarGroup.js +1 -0
- package/dist/components/avatar-group/index.d.ts +2 -0
- package/dist/components/avatar-group/index.js +1 -0
- package/dist/components/checkbox/PlCheckbox.js +1 -1
- package/dist/components/color-picker/PlColorPicker.d.ts +88 -0
- package/dist/components/color-picker/PlColorPicker.js +1 -0
- package/dist/components/color-picker/index.d.ts +2 -0
- package/dist/components/color-picker/index.js +1 -0
- package/dist/components/combobox/PlCombobox.js +1 -1
- package/dist/components/command-palette/PlCommandPalette.d.ts +83 -0
- package/dist/components/command-palette/PlCommandPalette.js +1 -0
- package/dist/components/command-palette/index.d.ts +2 -0
- package/dist/components/command-palette/index.js +1 -0
- package/dist/components/divider/PlDivider.js +1 -1
- package/dist/components/drawer/PlDrawer.js +1 -1
- package/dist/components/fieldset/PlFieldset.d.ts +35 -0
- package/dist/components/fieldset/PlFieldset.js +1 -0
- package/dist/components/fieldset/index.d.ts +2 -0
- package/dist/components/fieldset/index.js +1 -0
- package/dist/components/footer/PlFooter.d.ts +90 -0
- package/dist/components/footer/PlFooter.js +1 -0
- package/dist/components/footer/index.d.ts +2 -0
- package/dist/components/footer/index.js +1 -0
- package/dist/components/form/PlForm.d.ts +61 -0
- package/dist/components/form/PlForm.js +1 -0
- package/dist/components/form/index.d.ts +2 -0
- package/dist/components/form/index.js +1 -0
- package/dist/components/header/PlHeader.d.ts +124 -0
- package/dist/components/header/PlHeader.js +1 -0
- package/dist/components/header/index.d.ts +2 -0
- package/dist/components/header/index.js +1 -0
- package/dist/components/menu/PlMenu.js +1 -1
- package/dist/components/menubar/PlMenubar.d.ts +56 -0
- package/dist/components/menubar/PlMenubar.js +1 -0
- package/dist/components/menubar/index.d.ts +2 -0
- package/dist/components/menubar/index.js +1 -0
- package/dist/components/modal/PlModal.js +1 -1
- package/dist/components/navigation-menu/PlNavigationMenu.d.ts +99 -0
- package/dist/components/navigation-menu/PlNavigationMenu.js +1 -0
- package/dist/components/navigation-menu/index.d.ts +2 -0
- package/dist/components/navigation-menu/index.js +1 -0
- package/dist/components/number-field/PlNumberField.js +1 -1
- package/dist/components/otp-field/PlOtpField.js +1 -1
- package/dist/components/overlay/PlOverlay.js +1 -1
- package/dist/components/page-layout/PlPageLayout.d.ts +139 -0
- package/dist/components/page-layout/PlPageLayout.js +1 -0
- package/dist/components/page-layout/index.d.ts +2 -0
- package/dist/components/page-layout/index.js +1 -0
- package/dist/components/pagination/PlPagination.d.ts +23 -0
- package/dist/components/pagination/PlPagination.js +1 -1
- package/dist/components/popover/PlPopover.js +1 -1
- package/dist/components/radio-group/PlRadioGroup.js +1 -1
- package/dist/components/scroll-zone/PlScrollZone.d.ts +35 -15
- package/dist/components/scroll-zone/PlScrollZone.js +1 -1
- package/dist/components/select/PlSelect.js +1 -1
- package/dist/components/sidebar/PlSidebar.d.ts +141 -0
- package/dist/components/sidebar/PlSidebar.js +1 -0
- package/dist/components/sidebar/PlSidebarTrigger.d.ts +34 -0
- package/dist/components/sidebar/PlSidebarTrigger.js +1 -0
- package/dist/components/sidebar/index.d.ts +4 -0
- package/dist/components/sidebar/index.js +1 -0
- package/dist/components/switch/PlSwitch.js +1 -1
- package/dist/components/table/PlTable.js +1 -1
- package/dist/components/text-field/PlTextField.js +1 -1
- package/dist/components/text-link/PlTextLink.d.ts +25 -2
- package/dist/components/text-link/PlTextLink.js +1 -1
- package/dist/components/toast/PlToast.js +1 -1
- package/dist/components/toggle/PlToggle.d.ts +55 -0
- package/dist/components/toggle/PlToggle.js +1 -0
- package/dist/components/toggle/PlToggleGroup.d.ts +48 -0
- package/dist/components/toggle/PlToggleGroup.js +1 -0
- package/dist/components/toggle/index.d.ts +4 -0
- package/dist/components/toggle/index.js +1 -0
- package/dist/components/tooltip/PlTooltip.js +1 -1
- package/dist/components/transfer/PlTransfer.d.ts +55 -0
- package/dist/components/transfer/PlTransfer.js +1 -0
- package/dist/components/transfer/index.d.ts +2 -0
- package/dist/components/transfer/index.js +1 -0
- package/dist/css/avatar-group.css +2 -0
- package/dist/css/color-picker.css +2 -0
- package/dist/css/command-palette.css +2 -0
- package/dist/css/fieldset.css +2 -0
- package/dist/css/footer.css +2 -0
- package/dist/css/form.css +2 -0
- package/dist/css/header.css +2 -0
- package/dist/css/menubar.css +2 -0
- package/dist/css/navigation-menu.css +2 -0
- package/dist/css/page-layout.css +2 -0
- package/dist/css/sidebar.css +2 -0
- package/dist/css/toggle.css +2 -0
- package/dist/css/transfer.css +2 -0
- package/dist/index.d.ts +13 -0
- package/dist/index.js +1 -1
- package/dist/internal/avatar-group.d.ts +25 -0
- package/dist/internal/avatar-group.js +2 -0
- package/dist/internal/color.d.ts +109 -0
- package/dist/internal/color.js +1 -0
- package/dist/internal/link.d.ts +18 -0
- package/dist/internal/link.js +1 -0
- package/dist/internal/page-layout.d.ts +140 -0
- package/dist/internal/page-layout.js +1 -0
- package/dist/internal/picker.js +1 -1
- package/dist/internal/search.d.ts +31 -0
- package/dist/internal/search.js +1 -0
- package/dist/internal/styles.d.ts +9 -0
- package/dist/internal/styles.js +1 -1
- package/dist/styles.css +1 -1
- package/dist/tailwind.css +26 -0
- package/dist/tokens.css +26 -0
- 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
|
|
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.
|
|
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.
|
|
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",
|