@iress-oss/ids-mcp-server 6.0.0-alpha.0 → 6.0.0-alpha.1-canary-20251204014525-3f0dce4

package/generated/docs/components-provider-docs.md

@@ -1,160 +0,0 @@
-[](#provider)Provider
-=====================
-
-Overview
---------
-
-Provider is a component that sets up the Iress Design System for your application. It ensures that the design system is correctly configured and ready to use.
-
-Show modalShow slideoutShow toast
-
-Hide code
-
-\[data-radix-scroll-area-viewport\] { scrollbar-width: none; -ms-overflow-style: none; -webkit-overflow-scrolling: touch; } \[data-radix-scroll-area-viewport\]::-webkit-scrollbar { display: none; } :where(\[data-radix-scroll-area-viewport\]) { display: flex; flex-direction: column; align-items: stretch; } :where(\[data-radix-scroll-area-content\]) { flex-grow: 1; }
-
-import {
-  IressButton,
-  IressInline,
-  IressModal,
-  IressPanel,
-  IressProvider,
-  IressSlideout,
-  IressText,
-  useModal,
-  useSlideout,
-  useToaster,
-} from '@iress-oss/ids-components';
-const Page \= () \=> {
-  const { showModal } \= useModal();
-  const { showSlideout } \= useSlideout();
-  const toaster \= useToaster();
-  return (
-    <IressPanel
-      bg\="alt"
-      style\={{
-        height: '300px',
-      }}
-    \>
-      <IressInline gap\="md"\>
-        <IressButton onClick\={() \=> showModal('test-modal')}\>
-          Show modal        </IressButton\>
-        <IressModal id\="test-modal"\>
-          <IressText\>Some modal content</IressText\>
-        </IressModal\>
-        <IressButton onClick\={() \=> showSlideout('test-slideout')}\>
-          Show slideout        </IressButton\>
-        <IressSlideout id\="test-slideout"\>
-          <IressText\>Some slideout content</IressText\>
-        </IressSlideout\>
-        <IressButton
-          onClick\={() \=> toaster.success({ content: 'A toast message' })}
-        \>
-          Show toast        </IressButton\>
-      </IressInline\>
-    </IressPanel\>
-  );
-};
-export const AppWithProvider \= () \=> (
-  <IressProvider\>
-    <Page />
-  </IressProvider\>
-);
-
-Copy
-
-[](#props)Props
----------------
-
-| Name | Description | Default | Control |
-| --- | --- | --- | --- |
-| children | 
-The contents of your application, and/or the components which will be calling slideouts, modals and toasts.
-
-ReactNode
-
-
-
- | \- | \- |
-| container | 
-
-Container to render modal, slideouts and toasts into. If not provided, will render into the body of the document.
-
-FloatingUIContainerundefined
-
-
-
- | \- | \- |
-| noDefaultFont | 
-
-If you don't want to load the default Iress font from the CDN, set this to true.
-
-booleanundefined
-
-
-
- | \- | \- |
-| noIcons | 
-
-If you don't want to load the Iress Icon CSS from the CDN, set this to true.
-
-booleanundefined
-
-
-
- | \- | \- |
-| position | 
-
-The position on the screen where the toast will appear.
-
-"bottom-start""bottom-end""top-start""top-end""bottom-center""top-center"undefined
-
-
-
- | 
-
-bottom-end
-
- | \- |
-
-[](#usage)Usage
----------------
-
-The design system provider automates some set-up tasks for you, including:
-
-*   Adding the icon fonts and CSS variables to the document head
-*   Consistent container handling for providers, if you need the modals, slideouts and toasts rendered in a specific area (common with micro frontends)
-
-In most cases, you should wrap the entire application with the `IressProvider` component. This will ensure that the design system is set up correctly and consistently across the application.
-
-\[data-radix-scroll-area-viewport\] {
-  scrollbar-width: none;
-  -ms-overflow-style: none;
-  -webkit-overflow-scrolling: touch;
-}
-\[data-radix-scroll-area-viewport\]::-webkit-scrollbar {
-  display: none;
-}
-:where(\[data-radix-scroll-area-viewport\]) {
-  display: flex;
-  flex-direction: column;
-  align-items: stretch;
-}
-:where(\[data-radix-scroll-area-content\]) {
-  flex-grow: 1;
-}
-
-import { IressProvider } from '@iress-oss/ids-components';
-ReactDOM.createRoot(document.getElementById('root')!).render(
-  <IressProvider\>
-    <IressTheme />
-    <App />
-  </IressProvider\>,
-);
-
-Copy
-
-On this page
-
-*   [Overview](#overview)
-*   [Props](#props)
-*   [Usage](#usage)