@stealthscale/component-screen 0.2.1 → 0.2.3

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 (44) hide show
  1. package/dist/cyclonedx/bom.json +1 -1
  2. package/dist/index.d.ts +3 -3
  3. package/dist/index.js +1 -8216
  4. package/dist/pages/action-bar/action-bar.js +471 -0
  5. package/dist/pages/action-bar/action-bar.props.js +3 -0
  6. package/dist/pages/app-shell/app-shell.js +4899 -0
  7. package/dist/pages/app-shell/app-shell.props.js +3 -0
  8. package/dist/pages/floating-panel/floating-panel.js +995 -0
  9. package/dist/pages/floating-panel/floating-panel.props.js +3 -0
  10. package/dist/pages/locale-switcher/locale-switcher.js +180 -0
  11. package/dist/pages/locale-switcher/locale-switcher.props.js +3 -0
  12. package/dist/pages/page/page.js +2308 -0
  13. package/dist/pages/page/page.props.js +3 -0
  14. package/dist/pages/pages.json +123 -0
  15. package/dist/pages/section/section.js +1241 -0
  16. package/dist/pages/section/section.props.js +3 -0
  17. package/dist/pages/sidebar/sidebar.js +1743 -0
  18. package/dist/pages/sidebar/sidebar.props.js +3 -0
  19. package/dist/pages/splitter/splitter.js +1563 -0
  20. package/dist/pages/splitter/splitter.props.js +3 -0
  21. package/dist/pages/switcher/switcher.js +900 -0
  22. package/dist/pages/switcher/switcher.props.js +3 -0
  23. package/dist/pages/theme-switcher/theme-switcher.js +180 -0
  24. package/dist/pages/theme-switcher/theme-switcher.props.js +3 -0
  25. package/dist/pages/toolbar/toolbar.js +1045 -0
  26. package/dist/pages/toolbar/toolbar.props.js +3 -0
  27. package/dist/{recipe-sZAQY6Kq.js → recipes-Cmy1leBm.js} +312 -30
  28. package/dist/shared-DxlFabHA.js +9547 -0
  29. package/dist/shell.js +1 -165
  30. package/dist/theme.js +3 -4
  31. package/locales/en/specimen/action-bar.json +46 -0
  32. package/locales/en/specimen/app-shell.json +288 -0
  33. package/locales/en/specimen/floating-panel.json +70 -0
  34. package/locales/en/specimen/locale-switcher.json +15 -0
  35. package/locales/en/specimen/page.json +198 -0
  36. package/locales/en/specimen/section.json +91 -0
  37. package/locales/en/specimen/sidebar.json +87 -0
  38. package/locales/en/specimen/splitter.json +93 -0
  39. package/locales/en/specimen/switcher.json +61 -0
  40. package/locales/en/specimen/theme-switcher.json +15 -0
  41. package/locales/en/specimen/toolbar.json +80 -0
  42. package/package.json +25 -24
  43. package/dist/recipe-DRMsitrw.js +0 -283
  44. package/dist/root-qEh4u7y5.js +0 -1182
@@ -0,0 +1,3 @@
1
+ export const dropped = {"ActionProps": {"conditions": 284, "foreign": 1050}, "ActionsProps": {"conditions": 284, "foreign": 1041}, "BodyProps": {"conditions": 284, "foreign": 1041}, "DescriptionProps": {"conditions": 284, "foreign": 1041}, "FooterProps": {"conditions": 284, "foreign": 1041}, "HeaderProps": {"conditions": 284, "foreign": 1041}, "RootProps": {"conditions": 284, "foreign": 1040}, "TitleProps": {"conditions": 284, "foreign": 1040}, "AsideProps": {"conditions": 284, "foreign": 1041}, "BannerProps": {"conditions": 284, "foreign": 1041}, "BreadcrumbsProps": {"conditions": 0, "foreign": 0}, "ContextProps": {"conditions": 284, "foreign": 1041}, "LeadingProps": {"conditions": 284, "foreign": 1041}, "MetaProps": {"conditions": 284, "foreign": 1041}, "NavProps": {"conditions": 284, "foreign": 1041}, "PaletteProps": {"conditions": 284, "foreign": 1041}, "PickerProps": {"conditions": 284, "foreign": 1051}, "SidebarProps": {"conditions": 284, "foreign": 1041}, "TabListProps": {"conditions": 0, "foreign": 0}, "TabProps": {"conditions": 284, "foreign": 1051}, "TabsProps": {"conditions": 284, "foreign": 1041}, "ToolbarProps": {"conditions": 284, "foreign": 1041}, "TrailProps": {"conditions": 284, "foreign": 1049}};
2
+ export const parts = {"ActionProps": [{"accepts": "\"glow\" | \"pulse\"", "fallback": "", "kind": "variant", "name": "effect", "refers": [], "required": false, "says": "The halo around the button, in the palette's solid at half opacity."}, {"accepts": "Lift", "fallback": "", "kind": "variant", "name": "elevation", "refers": ["kit.Lift"], "required": false, "says": ""}, {"accepts": "ReactNode", "fallback": "", "kind": "option", "name": "icon", "refers": ["react.ReactElement", "react.ReactPortal"], "required": false, "says": "Icon before the words, which a narrow section shows alone."}, {"accepts": "((event: MouseEvent<HTMLElement, MouseEvent>) => void)", "fallback": "", "kind": "option", "name": "onClick", "refers": ["react.MouseEvent"], "required": false, "says": "Handler the button or the menu row calls when a reader presses it."}, {"accepts": "\"accent\" | \"error\" | \"info\" | \"neutral\" | \"primary\" | \"secondary\" | \"success\" | \"warning\"", "fallback": "", "kind": "variant", "name": "palette", "refers": [], "required": false, "says": "Palette of every look. The base sets `primary`."}, {"accepts": "boolean", "fallback": "", "kind": "option", "name": "primary", "refers": [], "required": false, "says": "Whether the action is the section's primary action, which renders solid and keeps its words."}, {"accepts": "Priority", "fallback": "", "kind": "option", "name": "priority", "refers": ["kit.Priority"], "required": false, "says": "Priority that decides how a narrow section folds the action, in place of the one `icon` and `primary` imply."}, {"accepts": "\"square\"", "fallback": "", "kind": "variant", "name": "shape", "refers": [], "required": false, "says": ""}, {"accepts": "Scale", "fallback": "", "kind": "variant", "name": "size", "refers": ["kit.Scale"], "required": false, "says": ""}, {"accepts": "\"ghost\" | \"glass\" | \"outline\" | \"plain\" | \"solid\" | \"subtle\" | \"surface\"", "fallback": "", "kind": "variant", "name": "variant", "refers": [], "required": false, "says": ""}], "ActionsProps": [{"accepts": "string", "fallback": "", "kind": "option", "name": "more", "refers": [], "required": false, "says": "Words that name the menu of folded actions. Defaults to `More actions`."}, {"accepts": "ReactNode", "fallback": "", "kind": "option", "name": "moreIcon", "refers": ["react.ReactElement", "react.ReactPortal"], "required": false, "says": "Mark the menu's trigger shows in place of its words."}], "BodyProps": [{"accepts": "boolean", "fallback": "", "kind": "option", "name": "bleed", "refers": [], "required": false, "says": "Whether the body drops its padding and runs to the card's edges."}], "DescriptionProps": [], "FooterProps": [], "HeaderProps": [], "RootProps": [{"accepts": "boolean", "fallback": "", "kind": "variant", "name": "annotated", "refers": [], "required": false, "says": "Whether the header renders in a column beside the body."}, {"accepts": "\"lg\" | \"md\" | \"sm\"", "fallback": "", "kind": "variant", "name": "size", "refers": [], "required": false, "says": "Size of the title, the description, the gaps and the card's inner room."}, {"accepts": "\"plain\" | \"surface\"", "fallback": "", "kind": "variant", "name": "variant", "refers": [], "required": false, "says": "Look of the section: plain on the page, or raised as a card."}], "TitleProps": [], "AsideProps": [{"accepts": "AsideFold", "fallback": "", "kind": "option", "name": "folds", "refers": ["kit.AsideFold"], "required": false, "says": "Whether the aside stacks under the body or leaves the page below the `lg` breakpoint. It stacks under the body by default."}, {"accepts": "boolean", "fallback": "", "kind": "option", "name": "sticky", "refers": [], "required": false, "says": "Whether the band remains at the top while the page scrolls under it."}], "BannerProps": [], "BreadcrumbsProps": [{"accepts": "ReactNode", "fallback": "", "kind": "option", "name": "backIcon", "refers": ["react.ReactElement", "react.ReactPortal"], "required": false, "says": "Mark before the words of the narrow page's link back, such as an arrow."}, {"accepts": "readonly Crumb[]", "fallback": "", "kind": "option", "name": "items", "refers": ["kit.Crumb"], "required": true, "says": "Pages above this one, the nearest last."}, {"accepts": "string", "fallback": "", "kind": "option", "name": "label", "refers": [], "required": false, "says": "Accessible name of the trail's navigation landmark. Defaults to `Breadcrumb`."}, {"accepts": "ReactNode", "fallback": "", "kind": "option", "name": "separator", "refers": ["react.ReactElement", "react.ReactPortal"], "required": false, "says": "Content of the separator between two items. Defaults to `/`."}], "ContextProps": [{"accepts": "PageWidth", "fallback": "", "kind": "option", "name": "when", "refers": ["kit.PageWidth"], "required": false, "says": "Width at which the part renders. `narrow` renders it on a folded page alone, and `wide` on an unfolded page alone, which swaps a full trail for a single link back. Without it, the part renders at every width."}], "LeadingProps": [{"accepts": "PageWidth", "fallback": "", "kind": "option", "name": "when", "refers": ["kit.PageWidth"], "required": false, "says": "Width at which the part renders. `narrow` renders it on a folded page alone, and `wide` on an unfolded page alone, which swaps a full trail for a single link back. Without it, the part renders at every width."}], "MetaProps": [{"accepts": "PageWidth", "fallback": "", "kind": "option", "name": "when", "refers": ["kit.PageWidth"], "required": false, "says": "Width at which the part renders. `narrow` renders it on a folded page alone, and `wide` on an unfolded page alone, which swaps a full trail for a single link back. Without it, the part renders at every width."}], "NavProps": [{"accepts": "boolean", "fallback": "", "kind": "option", "name": "sticky", "refers": [], "required": false, "says": "Whether the band remains at the top while the page scrolls under it."}, {"accepts": "PageWidth", "fallback": "", "kind": "option", "name": "when", "refers": ["kit.PageWidth"], "required": false, "says": "Width at which the part renders. `narrow` renders it on a folded page alone, and `wide` on an unfolded page alone, which swaps a full trail for a single link back. Without it, the part renders at every width."}], "PaletteProps": [], "PickerProps": [{"accepts": "\"glow\" | \"pulse\"", "fallback": "", "kind": "variant", "name": "effect", "refers": [], "required": false, "says": "The halo around the button, in the palette's solid at half opacity."}, {"accepts": "Lift", "fallback": "", "kind": "variant", "name": "elevation", "refers": ["kit.Lift"], "required": false, "says": ""}, {"accepts": "\"accent\" | \"error\" | \"info\" | \"neutral\" | \"primary\" | \"secondary\" | \"success\" | \"warning\"", "fallback": "", "kind": "variant", "name": "palette", "refers": [], "required": false, "says": "Palette of every look. The base sets `primary`."}, {"accepts": "\"square\"", "fallback": "", "kind": "variant", "name": "shape", "refers": [], "required": false, "says": ""}, {"accepts": "Scale", "fallback": "", "kind": "variant", "name": "size", "refers": ["kit.Scale"], "required": false, "says": ""}, {"accepts": "\"ghost\" | \"glass\" | \"outline\" | \"plain\" | \"solid\" | \"subtle\" | \"surface\"", "fallback": "", "kind": "variant", "name": "variant", "refers": [], "required": false, "says": ""}], "SidebarProps": [{"accepts": "ReactNode", "fallback": "", "kind": "option", "name": "current", "refers": ["react.ReactElement", "react.ReactPortal"], "required": false, "says": "Words the picker shows on a narrow page, such as the current destination's name. `label` where left out."}, {"accepts": "number", "fallback": "", "kind": "option", "name": "defaultSize", "refers": [], "required": false, "says": "Width the sidebar starts at, in pixels, when the caller does not control `size`. The theme's sidebar width where left out."}, {"accepts": "string", "fallback": "", "kind": "option", "name": "label", "refers": [], "required": true, "says": "Accessible name of the picker's panel, and the picker's words where `current` is left out."}, {"accepts": "number", "fallback": "", "kind": "option", "name": "maxSize", "refers": [], "required": false, "says": "Widest width a person resizes the sidebar to, in pixels. Half the window's width by default."}, {"accepts": "number", "fallback": "", "kind": "option", "name": "minSize", "refers": [], "required": false, "says": "Narrowest width a person resizes the sidebar to, in pixels. 192 by default."}, {"accepts": "((size: number) => void)", "fallback": "", "kind": "option", "name": "onSizeChange", "refers": [], "required": false, "says": "Called with the new width, in pixels, while a person resizes the sidebar."}, {"accepts": "ReactNode", "fallback": "", "kind": "option", "name": "pickerIcon", "refers": ["react.ReactElement", "react.ReactPortal"], "required": false, "says": "Mark at the end of the picker, such as a chevron."}, {"accepts": "boolean", "fallback": "", "kind": "option", "name": "resizable", "refers": [], "required": false, "says": "Whether a person resizes the sidebar by the separator on its end edge. Defaults to `false`."}, {"accepts": "string", "fallback": "", "kind": "option", "name": "resizeLabel", "refers": [], "required": false, "says": "Accessible name of the separator. Defaults to `Resize`."}, {"accepts": "number", "fallback": "", "kind": "option", "name": "size", "refers": [], "required": false, "says": "Width a person resized the sidebar to, in pixels, when the application controls it."}, {"accepts": "boolean", "fallback": "", "kind": "option", "name": "sticky", "refers": [], "required": false, "says": "Whether the band remains at the top while the page scrolls under it."}], "TabListProps": [{"accepts": "string", "fallback": "", "kind": "option", "name": "aria-label", "refers": [], "required": false, "says": "Accessible name of the tabs and of the picker's list. Defaults to `Sections`."}, {"accepts": "ReactNode", "fallback": "", "kind": "option", "name": "children", "refers": ["react.ReactElement", "react.ReactPortal"], "required": false, "says": "The page's tabs."}, {"accepts": "string", "fallback": "", "kind": "option", "name": "defaultValue", "refers": [], "required": false, "says": "Value of the tab selected at first, while the caller does not pass `value`."}, {"accepts": "string", "fallback": "", "kind": "option", "name": "emptyLabel", "refers": [], "required": false, "says": "Words the picker's list shows while no tab matches the filter. Defaults to `No tab matches`."}, {"accepts": "string", "fallback": "", "kind": "option", "name": "filterLabel", "refers": [], "required": false, "says": "Words the picker's empty filter field shows. Defaults to `Filter tabs`."}, {"accepts": "((value: string) => void)", "fallback": "", "kind": "option", "name": "onValueChange", "refers": [], "required": false, "says": "Called with the value of the tab a reader selects."}, {"accepts": "ReactNode", "fallback": "", "kind": "option", "name": "pickerIcon", "refers": ["react.ReactElement", "react.ReactPortal"], "required": false, "says": "Mark at the end of the picker's button, such as a chevron."}, {"accepts": "string", "fallback": "", "kind": "option", "name": "value", "refers": [], "required": false, "says": "Value of the selected tab, when the caller controls it."}], "TabProps": [{"accepts": "string", "fallback": "", "kind": "option", "name": "children", "refers": [], "required": true, "says": "Words of the tab."}, {"accepts": "number", "fallback": "", "kind": "option", "name": "count", "refers": [], "required": false, "says": "Number the tab's badge shows, such as the rows the tab's view contains."}], "TabsProps": [], "ToolbarProps": [{"accepts": "boolean", "fallback": "", "kind": "option", "name": "sticky", "refers": [], "required": false, "says": "Whether the band remains at the top while the page scrolls under it."}], "TrailProps": []};
3
+ export const shapes = {"react.ReactElement": [{"accepts": "string | JSXElementConstructor<any>", "name": "type", "says": ""}, {"accepts": "unknown", "name": "props", "says": ""}, {"accepts": "string | null", "name": "key", "says": ""}], "react.ReactPortal": [{"accepts": "ReactNode", "name": "children", "says": ""}, {"accepts": "string | JSXElementConstructor<any>", "name": "type", "says": ""}, {"accepts": "unknown", "name": "props", "says": ""}, {"accepts": "string | null", "name": "key", "says": ""}], "kit.Priority": [{"accepts": "", "name": "\"primary\"", "says": ""}, {"accepts": "", "name": "\"secondary\"", "says": ""}, {"accepts": "", "name": "\"tertiary\"", "says": ""}], "kit.Lift": [{"accepts": "", "name": "\"floating\"", "says": ""}, {"accepts": "", "name": "\"raised\"", "says": ""}], "kit.Scale": [{"accepts": "", "name": "\"2xl\"", "says": ""}, {"accepts": "", "name": "\"3xl\"", "says": ""}, {"accepts": "", "name": "\"4xl\"", "says": ""}, {"accepts": "", "name": "\"lg\"", "says": ""}, {"accepts": "", "name": "\"md\"", "says": ""}, {"accepts": "", "name": "\"sm\"", "says": ""}, {"accepts": "", "name": "\"xl\"", "says": ""}, {"accepts": "", "name": "\"xs\"", "says": ""}], "kit.AsideFold": [{"accepts": "", "name": "\"hide\"", "says": ""}, {"accepts": "", "name": "\"under\"", "says": ""}], "kit.Crumb": [{"accepts": "string", "name": "href", "says": "Address of the page."}, {"accepts": "string", "name": "label", "says": "Words that name the page."}, {"accepts": "((event: MouseEvent<HTMLAnchorElement, MouseEvent>) => void)", "name": "onClick", "says": "Handler the link calls when a reader presses it, for a router that handles the navigation."}], "kit.PageWidth": [{"accepts": "", "name": "\"narrow\"", "says": ""}, {"accepts": "", "name": "\"wide\"", "says": ""}]};