@wallarm-org/design-system 0.47.0 → 0.48.0-rc-feature-shell.1

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 (25) hide show
  1. package/dist/components/AppShell/AppShellRemote.js +1 -1
  2. package/dist/components/AppShell/story-content/_storyConfigRenderer.d.ts +5 -3
  3. package/dist/components/AppShell/story-content/_storyConfigRenderer.js +44 -3
  4. package/dist/components/AppShell/story-content/_storyLib.d.ts +9 -0
  5. package/dist/components/AppShell/story-content/_storyLib.js +39 -0
  6. package/dist/components/AppShell/story-content/_storyRecentDropdown.d.ts +1 -0
  7. package/dist/components/AppShell/story-content/_storyRecentDropdown.js +89 -0
  8. package/dist/components/AppShell/story-content/index.d.ts +3 -1
  9. package/dist/components/AppShell/story-content/index.js +4 -2
  10. package/dist/components/Kbd/Kbd.d.ts +1 -1
  11. package/dist/components/Kbd/Kbd.js +1 -0
  12. package/dist/components/NavPanel/NavPanelSkeleton.d.ts +6 -0
  13. package/dist/components/NavPanel/NavPanelSkeleton.js +23 -0
  14. package/dist/components/NavPanel/index.d.ts +1 -0
  15. package/dist/components/NavPanel/index.js +2 -1
  16. package/dist/components/NavRail/NavRailSkeleton.d.ts +6 -0
  17. package/dist/components/NavRail/NavRailSkeleton.js +23 -0
  18. package/dist/components/NavRail/index.d.ts +1 -0
  19. package/dist/components/NavRail/index.js +2 -1
  20. package/dist/components/ProductNav/index.d.ts +1 -0
  21. package/dist/components/ProductNav/index.js +2 -1
  22. package/dist/index.d.ts +2 -2
  23. package/dist/index.js +3 -3
  24. package/dist/metadata/components.json +1217 -373
  25. package/package.json +1 -1
package/dist/metadata/components.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
- "version": "0.46.0",
3
- "generatedAt": "2026-05-26T00:34:56.503Z",
2
+ "version": "0.47.0",
3
+ "generatedAt": "2026-05-26T19:49:46.334Z",
4
4
  "components": [
5
5
  {
6
6
  "name": "Accordion",
@@ -4436,7 +4436,7 @@
4436
4436
  "examples": [
4437
4437
  {
4438
4438
  "name": "Basic",
4439
- "code": "() => {\n const pathname = useLocationPathname();\n const activeProduct = deriveProduct(pathname);\n const [sidebarMode, setSidebarMode] = useState<SidebarMode>('adaptive');\n const { theme, setTheme } = useTheme();\n const collapsed = sidebarMode === 'adaptive' && activeProduct !== 'home';\n\n return (\n <AppShell>\n <AppShellHeader>\n <TopHeader>\n <TopHeaderLogo href='/'>\n <Logo size='md' />\n </TopHeaderLogo>\n\n <TopHeaderActions>\n <Button variant='ghost' size='small' color='neutral'>\n <Code size='s' color='secondary'>\n Search Wallarm\n </Code>\n <Kbd size='small'>⌘K</Kbd>\n </Button>\n\n <TopHeaderSeparator />\n\n <Button variant='ghost' size='small' color='neutral'>\n <Text size='xs' weight='medium'>\n Tenant Name\n </Text>\n <span className='text-text-tertiary'>•</span>\n <Code size='s' color='secondary'>\n 12345\n </Code>\n <ChevronUpDown className='!icon-sm' />\n </Button>\n\n <Tooltip>\n <TooltipTrigger asChild>\n <Button variant='ghost' size='small' color='neutral' aria-label='Wallarm Updates'>\n <Bell />\n </Button>\n </TooltipTrigger>\n <TooltipContent>Wallarm updates</TooltipContent>\n </Tooltip>\n\n <QuickHelpDropdown />\n </TopHeaderActions>\n </TopHeader>\n </AppShellHeader>\n\n <AppShellRail>\n <NavRail collapsed={collapsed}>\n <NavRailBody>\n <NavRailItem\n icon={Home}\n label='Home'\n shortcut={['G', 'H']}\n active={activeProduct === 'home'}\n onClick={() => navigateToProduct('home')}\n />\n <NavRailSeparator />\n <NavRailItem\n icon={CircleDashed}\n label='Edge'\n shortcut={['G', 'E']}\n active={activeProduct === 'edge'}\n onClick={() => navigateToProduct('edge')}\n />\n <NavRailItem\n icon={CircleDashed}\n label='AI Hypervisor'\n shortcut={['G', 'A']}\n active={activeProduct === 'ai-hypervisor'}\n onClick={() => navigateToProduct('ai-hypervisor')}\n />\n <NavRailItem\n icon={CircleDashed}\n label='Infra Discovery'\n shortcut={['G', 'I']}\n active={activeProduct === 'infra-discovery'}\n onClick={() => navigateToProduct('infra-discovery')}\n />\n <NavRailItem\n icon={CircleDashed}\n label='Security Testing'\n shortcut={['G', 'T']}\n active={activeProduct === 'security-testing'}\n onClick={() => navigateToProduct('security-testing')}\n />\n </NavRailBody>\n <NavRailFooter>\n <NavRailItem\n icon={Settings}\n label='Settings'\n shortcut={['G', 'S']}\n active={activeProduct === 'settings'}\n onClick={() => navigateToProduct('settings')}\n />\n <AccountDropdown\n sidebarMode={sidebarMode}\n onSidebarModeChange={setSidebarMode}\n theme={theme}\n onThemeChange={setTheme}\n />\n </NavRailFooter>\n </NavRail>\n </AppShellRail>\n\n <AppShellRemote>\n <RemoteForProduct product={activeProduct} />\n </AppShellRemote>\n </AppShell>\n );\n}"
4439
+ "code": "() => {\n const pathname = useLocationPathname();\n const activeProduct = deriveProduct(pathname);\n\n const [loading, setLoading] = useState(true);\n const [sidebarMode, setSidebarMode] = useState<SidebarMode>('adaptive');\n const { theme, setTheme } = useTheme();\n const collapsed = sidebarMode === 'adaptive' && activeProduct !== 'home';\n\n return (\n <AppShell>\n <AppShellHeader>\n <TopHeader>\n <TopHeaderLogo href='/'>\n <Logo size='md' />\n </TopHeaderLogo>\n\n <TopHeaderActions>\n {loading ? (\n <>\n <Skeleton width='150px' height='20px' rounded={6} />\n <TopHeaderSeparator />\n <Skeleton width='150px' height='20px' rounded={6} />\n </>\n ) : (\n <>\n <Button\n variant='ghost'\n size='small'\n color='neutral'\n className='p-4 gap-6 rounded-6'\n >\n <Code size='s' color='secondary'>\n Search Wallarm\n </Code>\n <Kbd size='xsmall'>⌘ K</Kbd>\n </Button>\n\n <TopHeaderSeparator />\n\n <Button variant='ghost' size='small' color='neutral' className='py-4 rounded-6'>\n <Text size='xs' weight='medium'>\n Tenant Name\n </Text>\n <span className='text-text-tertiary mx-[-2px]'>•</span>\n <Code size='s' color='secondary'>\n 12345\n </Code>\n <ChevronUpDown className='!icon-sm' />\n </Button>\n </>\n )}\n\n <Tooltip>\n <TooltipTrigger asChild>\n <Button variant='ghost' size='small' color='neutral' aria-label='Wallarm Updates'>\n <Bell />\n </Button>\n </TooltipTrigger>\n <TooltipContent>Wallarm updates</TooltipContent>\n </Tooltip>\n\n <QuickHelpDropdown />\n </TopHeaderActions>\n </TopHeader>\n </AppShellHeader>\n\n <AppShellRail>\n <NavRail collapsed={collapsed}>\n <NavRailBody>\n <NavRailItem\n icon={Home}\n label='Home'\n shortcut={['G', 'H']}\n active={activeProduct === 'home'}\n onClick={() => navigateToProduct('home')}\n />\n <RecentDropdown />\n\n <NavRailSeparator />\n\n {loading ? (\n <NavRailSkeleton />\n ) : (\n <>\n <NavRailItem\n icon={CircleDashed}\n label='Edge'\n shortcut={['G', 'E']}\n active={activeProduct === 'edge'}\n onClick={() => navigateToProduct('edge')}\n />\n <NavRailItem\n icon={CircleDashed}\n label='AI Hypervisor'\n shortcut={['G', 'A']}\n active={activeProduct === 'ai-hypervisor'}\n onClick={() => navigateToProduct('ai-hypervisor')}\n />\n <NavRailItem\n icon={CircleDashed}\n label='Infra Discovery'\n shortcut={['G', 'I']}\n active={activeProduct === 'infra-discovery'}\n onClick={() => navigateToProduct('infra-discovery')}\n />\n <NavRailItem\n icon={CircleDashed}\n label='Security Testing'\n shortcut={['G', 'T']}\n active={activeProduct === 'security-testing'}\n onClick={() => navigateToProduct('security-testing')}\n />\n </>\n )}\n </NavRailBody>\n\n <NavRailFooter>\n <NavRailItem\n icon={Settings}\n label='Settings'\n shortcut={['G', 'S']}\n active={activeProduct === 'settings'}\n onClick={() => navigateToProduct('settings')}\n />\n <AccountDropdown\n sidebarMode={sidebarMode}\n onSidebarModeChange={setSidebarMode}\n theme={theme}\n onThemeChange={setTheme}\n />\n </NavRailFooter>\n </NavRail>\n </AppShellRail>\n\n <AppShellRemote>\n <div className='absolute top-4 right-4 z-10'>\n <Button variant='ghost' size='small' color='neutral' onClick={() => setLoading(v => !v)}>\n {loading ? 'Finish loading' : 'Start loading'}\n </Button>\n </div>\n\n <RemoteForProduct product={activeProduct} />\n </AppShellRemote>\n </AppShell>\n );\n}"
4440
4440
  }
4441
4441
  ]
4442
4442
  },
@@ -22679,6 +22679,7 @@
22679
22679
  {
22680
22680
  "name": "size",
22681
22681
  "options": [
22682
+ "xsmall",
22682
22683
  "small",
22683
22684
  "medium"
22684
22685
  ]
@@ -27525,264 +27526,545 @@
27525
27526
  "description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/part}"
27526
27527
  }
27527
27528
  ]
27528
- }
27529
- ],
27530
- "examples": []
27531
- },
27532
- {
27533
- "name": "NavRail",
27534
- "importPath": "@wallarm-org/design-system/NavRail",
27535
- "props": [
27536
- {
27537
- "name": "collapsed",
27538
- "type": "boolean | undefined",
27539
- "required": false,
27540
- "defaultValue": "false"
27541
- },
27542
- {
27543
- "name": "defaultChecked",
27544
- "type": "boolean | undefined",
27545
- "required": false
27546
- },
27547
- {
27548
- "name": "defaultValue",
27549
- "type": "string | number | readonly string[] | undefined",
27550
- "required": false
27551
- },
27552
- {
27553
- "name": "suppressContentEditableWarning",
27554
- "type": "boolean | undefined",
27555
- "required": false
27556
- },
27557
- {
27558
- "name": "suppressHydrationWarning",
27559
- "type": "boolean | undefined",
27560
- "required": false
27561
- },
27562
- {
27563
- "name": "accessKey",
27564
- "type": "string | undefined",
27565
- "required": false
27566
- },
27567
- {
27568
- "name": "autoCapitalize",
27569
- "type": "\"off\" | \"none\" | \"on\" | \"sentences\" | \"words\" | \"characters\" | (string & {}) | undefined",
27570
- "required": false
27571
- },
27572
- {
27573
- "name": "autoFocus",
27574
- "type": "boolean | undefined",
27575
- "required": false
27576
- },
27577
- {
27578
- "name": "contentEditable",
27579
- "type": "Booleanish | \"inherit\" | \"plaintext-only\" | undefined",
27580
- "required": false
27581
- },
27582
- {
27583
- "name": "contextMenu",
27584
- "type": "string | undefined",
27585
- "required": false
27586
- },
27587
- {
27588
- "name": "dir",
27589
- "type": "string | undefined",
27590
- "required": false
27591
- },
27592
- {
27593
- "name": "draggable",
27594
- "type": "Booleanish | undefined",
27595
- "required": false
27596
- },
27597
- {
27598
- "name": "enterKeyHint",
27599
- "type": "\"enter\" | \"done\" | \"go\" | \"next\" | \"previous\" | \"search\" | \"send\" | undefined",
27600
- "required": false
27601
- },
27602
- {
27603
- "name": "hidden",
27604
- "type": "boolean | undefined",
27605
- "required": false
27606
- },
27607
- {
27608
- "name": "id",
27609
- "type": "string | undefined",
27610
- "required": false
27611
- },
27612
- {
27613
- "name": "lang",
27614
- "type": "string | undefined",
27615
- "required": false
27616
- },
27617
- {
27618
- "name": "nonce",
27619
- "type": "string | undefined",
27620
- "required": false
27621
- },
27622
- {
27623
- "name": "slot",
27624
- "type": "string | undefined",
27625
- "required": false
27626
- },
27627
- {
27628
- "name": "spellCheck",
27629
- "type": "Booleanish | undefined",
27630
- "required": false
27631
- },
27632
- {
27633
- "name": "tabIndex",
27634
- "type": "number | undefined",
27635
- "required": false
27636
- },
27637
- {
27638
- "name": "title",
27639
- "type": "string | undefined",
27640
- "required": false
27641
- },
27642
- {
27643
- "name": "translate",
27644
- "type": "\"yes\" | \"no\" | undefined",
27645
- "required": false
27646
- },
27647
- {
27648
- "name": "radioGroup",
27649
- "type": "string | undefined",
27650
- "required": false
27651
- },
27652
- {
27653
- "name": "role",
27654
- "type": "AriaRole | undefined",
27655
- "required": false
27656
27529
  },
27657
27530
  {
27658
- "name": "about",
27659
- "type": "string | undefined",
27660
- "required": false
27661
- },
27662
- {
27663
- "name": "content",
27664
- "type": "string | undefined",
27665
- "required": false
27666
- },
27667
- {
27668
- "name": "datatype",
27669
- "type": "string | undefined",
27670
- "required": false
27671
- },
27672
- {
27673
- "name": "inlist",
27674
- "type": "any",
27675
- "required": false
27676
- },
27677
- {
27678
- "name": "prefix",
27679
- "type": "string | undefined",
27680
- "required": false
27681
- },
27682
- {
27683
- "name": "property",
27684
- "type": "string | undefined",
27685
- "required": false
27686
- },
27687
- {
27688
- "name": "rel",
27689
- "type": "string | undefined",
27690
- "required": false
27691
- },
27692
- {
27693
- "name": "resource",
27694
- "type": "string | undefined",
27695
- "required": false
27696
- },
27697
- {
27698
- "name": "rev",
27699
- "type": "string | undefined",
27700
- "required": false
27701
- },
27702
- {
27703
- "name": "typeof",
27704
- "type": "string | undefined",
27705
- "required": false
27706
- },
27707
- {
27708
- "name": "vocab",
27709
- "type": "string | undefined",
27710
- "required": false
27711
- },
27712
- {
27713
- "name": "autoCorrect",
27714
- "type": "string | undefined",
27715
- "required": false
27716
- },
27717
- {
27718
- "name": "autoSave",
27719
- "type": "string | undefined",
27720
- "required": false
27721
- },
27722
- {
27723
- "name": "color",
27724
- "type": "string | undefined",
27725
- "required": false
27726
- },
27727
- {
27728
- "name": "itemProp",
27729
- "type": "string | undefined",
27730
- "required": false
27731
- },
27732
- {
27733
- "name": "itemScope",
27734
- "type": "boolean | undefined",
27735
- "required": false
27736
- },
27737
- {
27738
- "name": "itemType",
27739
- "type": "string | undefined",
27740
- "required": false
27741
- },
27742
- {
27743
- "name": "itemID",
27744
- "type": "string | undefined",
27745
- "required": false
27746
- },
27747
- {
27748
- "name": "itemRef",
27749
- "type": "string | undefined",
27750
- "required": false
27751
- },
27752
- {
27753
- "name": "results",
27754
- "type": "number | undefined",
27755
- "required": false
27756
- },
27757
- {
27758
- "name": "security",
27759
- "type": "string | undefined",
27760
- "required": false
27761
- },
27762
- {
27763
- "name": "unselectable",
27764
- "type": "\"off\" | \"on\" | undefined",
27765
- "required": false
27766
- },
27767
- {
27768
- "name": "popover",
27769
- "type": "\"\" | \"auto\" | \"manual\" | \"hint\" | undefined",
27770
- "required": false
27771
- },
27772
- {
27773
- "name": "popoverTargetAction",
27774
- "type": "\"toggle\" | \"show\" | \"hide\" | undefined",
27775
- "required": false
27776
- },
27777
- {
27778
- "name": "popoverTarget",
27779
- "type": "string | undefined",
27780
- "required": false
27781
- },
27782
- {
27783
- "name": "inert",
27784
- "type": "boolean | undefined",
27785
- "required": false,
27531
+ "name": "NavPanelSkeleton",
27532
+ "props": [
27533
+ {
27534
+ "name": "count",
27535
+ "type": "number | undefined",
27536
+ "required": false,
27537
+ "defaultValue": "6"
27538
+ },
27539
+ {
27540
+ "name": "defaultChecked",
27541
+ "type": "boolean | undefined",
27542
+ "required": false
27543
+ },
27544
+ {
27545
+ "name": "defaultValue",
27546
+ "type": "string | number | readonly string[] | undefined",
27547
+ "required": false
27548
+ },
27549
+ {
27550
+ "name": "suppressContentEditableWarning",
27551
+ "type": "boolean | undefined",
27552
+ "required": false
27553
+ },
27554
+ {
27555
+ "name": "suppressHydrationWarning",
27556
+ "type": "boolean | undefined",
27557
+ "required": false
27558
+ },
27559
+ {
27560
+ "name": "accessKey",
27561
+ "type": "string | undefined",
27562
+ "required": false
27563
+ },
27564
+ {
27565
+ "name": "autoCapitalize",
27566
+ "type": "\"off\" | \"none\" | \"on\" | \"sentences\" | \"words\" | \"characters\" | (string & {}) | undefined",
27567
+ "required": false
27568
+ },
27569
+ {
27570
+ "name": "autoFocus",
27571
+ "type": "boolean | undefined",
27572
+ "required": false
27573
+ },
27574
+ {
27575
+ "name": "contentEditable",
27576
+ "type": "Booleanish | \"inherit\" | \"plaintext-only\" | undefined",
27577
+ "required": false
27578
+ },
27579
+ {
27580
+ "name": "contextMenu",
27581
+ "type": "string | undefined",
27582
+ "required": false
27583
+ },
27584
+ {
27585
+ "name": "dir",
27586
+ "type": "string | undefined",
27587
+ "required": false
27588
+ },
27589
+ {
27590
+ "name": "draggable",
27591
+ "type": "Booleanish | undefined",
27592
+ "required": false
27593
+ },
27594
+ {
27595
+ "name": "enterKeyHint",
27596
+ "type": "\"enter\" | \"done\" | \"go\" | \"next\" | \"previous\" | \"search\" | \"send\" | undefined",
27597
+ "required": false
27598
+ },
27599
+ {
27600
+ "name": "hidden",
27601
+ "type": "boolean | undefined",
27602
+ "required": false
27603
+ },
27604
+ {
27605
+ "name": "id",
27606
+ "type": "string | undefined",
27607
+ "required": false
27608
+ },
27609
+ {
27610
+ "name": "lang",
27611
+ "type": "string | undefined",
27612
+ "required": false
27613
+ },
27614
+ {
27615
+ "name": "nonce",
27616
+ "type": "string | undefined",
27617
+ "required": false
27618
+ },
27619
+ {
27620
+ "name": "slot",
27621
+ "type": "string | undefined",
27622
+ "required": false
27623
+ },
27624
+ {
27625
+ "name": "spellCheck",
27626
+ "type": "Booleanish | undefined",
27627
+ "required": false
27628
+ },
27629
+ {
27630
+ "name": "tabIndex",
27631
+ "type": "number | undefined",
27632
+ "required": false
27633
+ },
27634
+ {
27635
+ "name": "title",
27636
+ "type": "string | undefined",
27637
+ "required": false
27638
+ },
27639
+ {
27640
+ "name": "translate",
27641
+ "type": "\"yes\" | \"no\" | undefined",
27642
+ "required": false
27643
+ },
27644
+ {
27645
+ "name": "radioGroup",
27646
+ "type": "string | undefined",
27647
+ "required": false
27648
+ },
27649
+ {
27650
+ "name": "role",
27651
+ "type": "AriaRole | undefined",
27652
+ "required": false
27653
+ },
27654
+ {
27655
+ "name": "about",
27656
+ "type": "string | undefined",
27657
+ "required": false
27658
+ },
27659
+ {
27660
+ "name": "content",
27661
+ "type": "string | undefined",
27662
+ "required": false
27663
+ },
27664
+ {
27665
+ "name": "datatype",
27666
+ "type": "string | undefined",
27667
+ "required": false
27668
+ },
27669
+ {
27670
+ "name": "inlist",
27671
+ "type": "any",
27672
+ "required": false
27673
+ },
27674
+ {
27675
+ "name": "prefix",
27676
+ "type": "string | undefined",
27677
+ "required": false
27678
+ },
27679
+ {
27680
+ "name": "property",
27681
+ "type": "string | undefined",
27682
+ "required": false
27683
+ },
27684
+ {
27685
+ "name": "rel",
27686
+ "type": "string | undefined",
27687
+ "required": false
27688
+ },
27689
+ {
27690
+ "name": "resource",
27691
+ "type": "string | undefined",
27692
+ "required": false
27693
+ },
27694
+ {
27695
+ "name": "rev",
27696
+ "type": "string | undefined",
27697
+ "required": false
27698
+ },
27699
+ {
27700
+ "name": "typeof",
27701
+ "type": "string | undefined",
27702
+ "required": false
27703
+ },
27704
+ {
27705
+ "name": "vocab",
27706
+ "type": "string | undefined",
27707
+ "required": false
27708
+ },
27709
+ {
27710
+ "name": "autoCorrect",
27711
+ "type": "string | undefined",
27712
+ "required": false
27713
+ },
27714
+ {
27715
+ "name": "autoSave",
27716
+ "type": "string | undefined",
27717
+ "required": false
27718
+ },
27719
+ {
27720
+ "name": "color",
27721
+ "type": "string | undefined",
27722
+ "required": false
27723
+ },
27724
+ {
27725
+ "name": "itemProp",
27726
+ "type": "string | undefined",
27727
+ "required": false
27728
+ },
27729
+ {
27730
+ "name": "itemScope",
27731
+ "type": "boolean | undefined",
27732
+ "required": false
27733
+ },
27734
+ {
27735
+ "name": "itemType",
27736
+ "type": "string | undefined",
27737
+ "required": false
27738
+ },
27739
+ {
27740
+ "name": "itemID",
27741
+ "type": "string | undefined",
27742
+ "required": false
27743
+ },
27744
+ {
27745
+ "name": "itemRef",
27746
+ "type": "string | undefined",
27747
+ "required": false
27748
+ },
27749
+ {
27750
+ "name": "results",
27751
+ "type": "number | undefined",
27752
+ "required": false
27753
+ },
27754
+ {
27755
+ "name": "security",
27756
+ "type": "string | undefined",
27757
+ "required": false
27758
+ },
27759
+ {
27760
+ "name": "unselectable",
27761
+ "type": "\"off\" | \"on\" | undefined",
27762
+ "required": false
27763
+ },
27764
+ {
27765
+ "name": "popover",
27766
+ "type": "\"\" | \"auto\" | \"manual\" | \"hint\" | undefined",
27767
+ "required": false
27768
+ },
27769
+ {
27770
+ "name": "popoverTargetAction",
27771
+ "type": "\"toggle\" | \"show\" | \"hide\" | undefined",
27772
+ "required": false
27773
+ },
27774
+ {
27775
+ "name": "popoverTarget",
27776
+ "type": "string | undefined",
27777
+ "required": false
27778
+ },
27779
+ {
27780
+ "name": "inert",
27781
+ "type": "boolean | undefined",
27782
+ "required": false,
27783
+ "description": "@see https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert"
27784
+ },
27785
+ {
27786
+ "name": "inputMode",
27787
+ "type": "\"none\" | \"search\" | \"text\" | \"tel\" | \"url\" | \"email\" | \"numeric\" | \"decimal\" | undefined",
27788
+ "required": false,
27789
+ "description": "Hints at the type of data that might be entered by the user while editing the element or its contents"
27790
+ },
27791
+ {
27792
+ "name": "is",
27793
+ "type": "string | undefined",
27794
+ "required": false,
27795
+ "description": "Specify that a standard HTML element should behave like a defined custom built-in element"
27796
+ },
27797
+ {
27798
+ "name": "exportparts",
27799
+ "type": "string | undefined",
27800
+ "required": false,
27801
+ "description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/exportparts}"
27802
+ },
27803
+ {
27804
+ "name": "part",
27805
+ "type": "string | undefined",
27806
+ "required": false,
27807
+ "description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/part}"
27808
+ }
27809
+ ]
27810
+ }
27811
+ ],
27812
+ "examples": []
27813
+ },
27814
+ {
27815
+ "name": "NavRail",
27816
+ "importPath": "@wallarm-org/design-system/NavRail",
27817
+ "props": [
27818
+ {
27819
+ "name": "collapsed",
27820
+ "type": "boolean | undefined",
27821
+ "required": false,
27822
+ "defaultValue": "false"
27823
+ },
27824
+ {
27825
+ "name": "defaultChecked",
27826
+ "type": "boolean | undefined",
27827
+ "required": false
27828
+ },
27829
+ {
27830
+ "name": "defaultValue",
27831
+ "type": "string | number | readonly string[] | undefined",
27832
+ "required": false
27833
+ },
27834
+ {
27835
+ "name": "suppressContentEditableWarning",
27836
+ "type": "boolean | undefined",
27837
+ "required": false
27838
+ },
27839
+ {
27840
+ "name": "suppressHydrationWarning",
27841
+ "type": "boolean | undefined",
27842
+ "required": false
27843
+ },
27844
+ {
27845
+ "name": "accessKey",
27846
+ "type": "string | undefined",
27847
+ "required": false
27848
+ },
27849
+ {
27850
+ "name": "autoCapitalize",
27851
+ "type": "\"off\" | \"none\" | \"on\" | \"sentences\" | \"words\" | \"characters\" | (string & {}) | undefined",
27852
+ "required": false
27853
+ },
27854
+ {
27855
+ "name": "autoFocus",
27856
+ "type": "boolean | undefined",
27857
+ "required": false
27858
+ },
27859
+ {
27860
+ "name": "contentEditable",
27861
+ "type": "Booleanish | \"inherit\" | \"plaintext-only\" | undefined",
27862
+ "required": false
27863
+ },
27864
+ {
27865
+ "name": "contextMenu",
27866
+ "type": "string | undefined",
27867
+ "required": false
27868
+ },
27869
+ {
27870
+ "name": "dir",
27871
+ "type": "string | undefined",
27872
+ "required": false
27873
+ },
27874
+ {
27875
+ "name": "draggable",
27876
+ "type": "Booleanish | undefined",
27877
+ "required": false
27878
+ },
27879
+ {
27880
+ "name": "enterKeyHint",
27881
+ "type": "\"enter\" | \"done\" | \"go\" | \"next\" | \"previous\" | \"search\" | \"send\" | undefined",
27882
+ "required": false
27883
+ },
27884
+ {
27885
+ "name": "hidden",
27886
+ "type": "boolean | undefined",
27887
+ "required": false
27888
+ },
27889
+ {
27890
+ "name": "id",
27891
+ "type": "string | undefined",
27892
+ "required": false
27893
+ },
27894
+ {
27895
+ "name": "lang",
27896
+ "type": "string | undefined",
27897
+ "required": false
27898
+ },
27899
+ {
27900
+ "name": "nonce",
27901
+ "type": "string | undefined",
27902
+ "required": false
27903
+ },
27904
+ {
27905
+ "name": "slot",
27906
+ "type": "string | undefined",
27907
+ "required": false
27908
+ },
27909
+ {
27910
+ "name": "spellCheck",
27911
+ "type": "Booleanish | undefined",
27912
+ "required": false
27913
+ },
27914
+ {
27915
+ "name": "tabIndex",
27916
+ "type": "number | undefined",
27917
+ "required": false
27918
+ },
27919
+ {
27920
+ "name": "title",
27921
+ "type": "string | undefined",
27922
+ "required": false
27923
+ },
27924
+ {
27925
+ "name": "translate",
27926
+ "type": "\"yes\" | \"no\" | undefined",
27927
+ "required": false
27928
+ },
27929
+ {
27930
+ "name": "radioGroup",
27931
+ "type": "string | undefined",
27932
+ "required": false
27933
+ },
27934
+ {
27935
+ "name": "role",
27936
+ "type": "AriaRole | undefined",
27937
+ "required": false
27938
+ },
27939
+ {
27940
+ "name": "about",
27941
+ "type": "string | undefined",
27942
+ "required": false
27943
+ },
27944
+ {
27945
+ "name": "content",
27946
+ "type": "string | undefined",
27947
+ "required": false
27948
+ },
27949
+ {
27950
+ "name": "datatype",
27951
+ "type": "string | undefined",
27952
+ "required": false
27953
+ },
27954
+ {
27955
+ "name": "inlist",
27956
+ "type": "any",
27957
+ "required": false
27958
+ },
27959
+ {
27960
+ "name": "prefix",
27961
+ "type": "string | undefined",
27962
+ "required": false
27963
+ },
27964
+ {
27965
+ "name": "property",
27966
+ "type": "string | undefined",
27967
+ "required": false
27968
+ },
27969
+ {
27970
+ "name": "rel",
27971
+ "type": "string | undefined",
27972
+ "required": false
27973
+ },
27974
+ {
27975
+ "name": "resource",
27976
+ "type": "string | undefined",
27977
+ "required": false
27978
+ },
27979
+ {
27980
+ "name": "rev",
27981
+ "type": "string | undefined",
27982
+ "required": false
27983
+ },
27984
+ {
27985
+ "name": "typeof",
27986
+ "type": "string | undefined",
27987
+ "required": false
27988
+ },
27989
+ {
27990
+ "name": "vocab",
27991
+ "type": "string | undefined",
27992
+ "required": false
27993
+ },
27994
+ {
27995
+ "name": "autoCorrect",
27996
+ "type": "string | undefined",
27997
+ "required": false
27998
+ },
27999
+ {
28000
+ "name": "autoSave",
28001
+ "type": "string | undefined",
28002
+ "required": false
28003
+ },
28004
+ {
28005
+ "name": "color",
28006
+ "type": "string | undefined",
28007
+ "required": false
28008
+ },
28009
+ {
28010
+ "name": "itemProp",
28011
+ "type": "string | undefined",
28012
+ "required": false
28013
+ },
28014
+ {
28015
+ "name": "itemScope",
28016
+ "type": "boolean | undefined",
28017
+ "required": false
28018
+ },
28019
+ {
28020
+ "name": "itemType",
28021
+ "type": "string | undefined",
28022
+ "required": false
28023
+ },
28024
+ {
28025
+ "name": "itemID",
28026
+ "type": "string | undefined",
28027
+ "required": false
28028
+ },
28029
+ {
28030
+ "name": "itemRef",
28031
+ "type": "string | undefined",
28032
+ "required": false
28033
+ },
28034
+ {
28035
+ "name": "results",
28036
+ "type": "number | undefined",
28037
+ "required": false
28038
+ },
28039
+ {
28040
+ "name": "security",
28041
+ "type": "string | undefined",
28042
+ "required": false
28043
+ },
28044
+ {
28045
+ "name": "unselectable",
28046
+ "type": "\"off\" | \"on\" | undefined",
28047
+ "required": false
28048
+ },
28049
+ {
28050
+ "name": "popover",
28051
+ "type": "\"\" | \"auto\" | \"manual\" | \"hint\" | undefined",
28052
+ "required": false
28053
+ },
28054
+ {
28055
+ "name": "popoverTargetAction",
28056
+ "type": "\"toggle\" | \"show\" | \"hide\" | undefined",
28057
+ "required": false
28058
+ },
28059
+ {
28060
+ "name": "popoverTarget",
28061
+ "type": "string | undefined",
28062
+ "required": false
28063
+ },
28064
+ {
28065
+ "name": "inert",
28066
+ "type": "boolean | undefined",
28067
+ "required": false,
27786
28068
  "description": "@see https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert"
27787
28069
  },
27788
28070
  {
@@ -27830,7 +28112,282 @@
27830
28112
  ],
27831
28113
  "subComponents": [
27832
28114
  {
27833
- "name": "NavRailBody",
28115
+ "name": "NavRailBody",
28116
+ "props": [
28117
+ {
28118
+ "name": "defaultChecked",
28119
+ "type": "boolean | undefined",
28120
+ "required": false
28121
+ },
28122
+ {
28123
+ "name": "defaultValue",
28124
+ "type": "string | number | readonly string[] | undefined",
28125
+ "required": false
28126
+ },
28127
+ {
28128
+ "name": "suppressContentEditableWarning",
28129
+ "type": "boolean | undefined",
28130
+ "required": false
28131
+ },
28132
+ {
28133
+ "name": "suppressHydrationWarning",
28134
+ "type": "boolean | undefined",
28135
+ "required": false
28136
+ },
28137
+ {
28138
+ "name": "accessKey",
28139
+ "type": "string | undefined",
28140
+ "required": false
28141
+ },
28142
+ {
28143
+ "name": "autoCapitalize",
28144
+ "type": "\"off\" | \"none\" | \"on\" | \"sentences\" | \"words\" | \"characters\" | (string & {}) | undefined",
28145
+ "required": false
28146
+ },
28147
+ {
28148
+ "name": "autoFocus",
28149
+ "type": "boolean | undefined",
28150
+ "required": false
28151
+ },
28152
+ {
28153
+ "name": "contentEditable",
28154
+ "type": "Booleanish | \"inherit\" | \"plaintext-only\" | undefined",
28155
+ "required": false
28156
+ },
28157
+ {
28158
+ "name": "contextMenu",
28159
+ "type": "string | undefined",
28160
+ "required": false
28161
+ },
28162
+ {
28163
+ "name": "dir",
28164
+ "type": "string | undefined",
28165
+ "required": false
28166
+ },
28167
+ {
28168
+ "name": "draggable",
28169
+ "type": "Booleanish | undefined",
28170
+ "required": false
28171
+ },
28172
+ {
28173
+ "name": "enterKeyHint",
28174
+ "type": "\"enter\" | \"done\" | \"go\" | \"next\" | \"previous\" | \"search\" | \"send\" | undefined",
28175
+ "required": false
28176
+ },
28177
+ {
28178
+ "name": "hidden",
28179
+ "type": "boolean | undefined",
28180
+ "required": false
28181
+ },
28182
+ {
28183
+ "name": "id",
28184
+ "type": "string | undefined",
28185
+ "required": false
28186
+ },
28187
+ {
28188
+ "name": "lang",
28189
+ "type": "string | undefined",
28190
+ "required": false
28191
+ },
28192
+ {
28193
+ "name": "nonce",
28194
+ "type": "string | undefined",
28195
+ "required": false
28196
+ },
28197
+ {
28198
+ "name": "slot",
28199
+ "type": "string | undefined",
28200
+ "required": false
28201
+ },
28202
+ {
28203
+ "name": "spellCheck",
28204
+ "type": "Booleanish | undefined",
28205
+ "required": false
28206
+ },
28207
+ {
28208
+ "name": "tabIndex",
28209
+ "type": "number | undefined",
28210
+ "required": false
28211
+ },
28212
+ {
28213
+ "name": "title",
28214
+ "type": "string | undefined",
28215
+ "required": false
28216
+ },
28217
+ {
28218
+ "name": "translate",
28219
+ "type": "\"yes\" | \"no\" | undefined",
28220
+ "required": false
28221
+ },
28222
+ {
28223
+ "name": "radioGroup",
28224
+ "type": "string | undefined",
28225
+ "required": false
28226
+ },
28227
+ {
28228
+ "name": "role",
28229
+ "type": "AriaRole | undefined",
28230
+ "required": false
28231
+ },
28232
+ {
28233
+ "name": "about",
28234
+ "type": "string | undefined",
28235
+ "required": false
28236
+ },
28237
+ {
28238
+ "name": "content",
28239
+ "type": "string | undefined",
28240
+ "required": false
28241
+ },
28242
+ {
28243
+ "name": "datatype",
28244
+ "type": "string | undefined",
28245
+ "required": false
28246
+ },
28247
+ {
28248
+ "name": "inlist",
28249
+ "type": "any",
28250
+ "required": false
28251
+ },
28252
+ {
28253
+ "name": "prefix",
28254
+ "type": "string | undefined",
28255
+ "required": false
28256
+ },
28257
+ {
28258
+ "name": "property",
28259
+ "type": "string | undefined",
28260
+ "required": false
28261
+ },
28262
+ {
28263
+ "name": "rel",
28264
+ "type": "string | undefined",
28265
+ "required": false
28266
+ },
28267
+ {
28268
+ "name": "resource",
28269
+ "type": "string | undefined",
28270
+ "required": false
28271
+ },
28272
+ {
28273
+ "name": "rev",
28274
+ "type": "string | undefined",
28275
+ "required": false
28276
+ },
28277
+ {
28278
+ "name": "typeof",
28279
+ "type": "string | undefined",
28280
+ "required": false
28281
+ },
28282
+ {
28283
+ "name": "vocab",
28284
+ "type": "string | undefined",
28285
+ "required": false
28286
+ },
28287
+ {
28288
+ "name": "autoCorrect",
28289
+ "type": "string | undefined",
28290
+ "required": false
28291
+ },
28292
+ {
28293
+ "name": "autoSave",
28294
+ "type": "string | undefined",
28295
+ "required": false
28296
+ },
28297
+ {
28298
+ "name": "color",
28299
+ "type": "string | undefined",
28300
+ "required": false
28301
+ },
28302
+ {
28303
+ "name": "itemProp",
28304
+ "type": "string | undefined",
28305
+ "required": false
28306
+ },
28307
+ {
28308
+ "name": "itemScope",
28309
+ "type": "boolean | undefined",
28310
+ "required": false
28311
+ },
28312
+ {
28313
+ "name": "itemType",
28314
+ "type": "string | undefined",
28315
+ "required": false
28316
+ },
28317
+ {
28318
+ "name": "itemID",
28319
+ "type": "string | undefined",
28320
+ "required": false
28321
+ },
28322
+ {
28323
+ "name": "itemRef",
28324
+ "type": "string | undefined",
28325
+ "required": false
28326
+ },
28327
+ {
28328
+ "name": "results",
28329
+ "type": "number | undefined",
28330
+ "required": false
28331
+ },
28332
+ {
28333
+ "name": "security",
28334
+ "type": "string | undefined",
28335
+ "required": false
28336
+ },
28337
+ {
28338
+ "name": "unselectable",
28339
+ "type": "\"off\" | \"on\" | undefined",
28340
+ "required": false
28341
+ },
28342
+ {
28343
+ "name": "popover",
28344
+ "type": "\"\" | \"auto\" | \"manual\" | \"hint\" | undefined",
28345
+ "required": false
28346
+ },
28347
+ {
28348
+ "name": "popoverTargetAction",
28349
+ "type": "\"toggle\" | \"show\" | \"hide\" | undefined",
28350
+ "required": false
28351
+ },
28352
+ {
28353
+ "name": "popoverTarget",
28354
+ "type": "string | undefined",
28355
+ "required": false
28356
+ },
28357
+ {
28358
+ "name": "inert",
28359
+ "type": "boolean | undefined",
28360
+ "required": false,
28361
+ "description": "@see https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert"
28362
+ },
28363
+ {
28364
+ "name": "inputMode",
28365
+ "type": "\"none\" | \"search\" | \"text\" | \"tel\" | \"url\" | \"email\" | \"numeric\" | \"decimal\" | undefined",
28366
+ "required": false,
28367
+ "description": "Hints at the type of data that might be entered by the user while editing the element or its contents"
28368
+ },
28369
+ {
28370
+ "name": "is",
28371
+ "type": "string | undefined",
28372
+ "required": false,
28373
+ "description": "Specify that a standard HTML element should behave like a defined custom built-in element"
28374
+ },
28375
+ {
28376
+ "name": "exportparts",
28377
+ "type": "string | undefined",
28378
+ "required": false,
28379
+ "description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/exportparts}"
28380
+ },
28381
+ {
28382
+ "name": "part",
28383
+ "type": "string | undefined",
28384
+ "required": false,
28385
+ "description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/part}"
28386
+ }
28387
+ ]
28388
+ },
28389
+ {
28390
+ "name": "NavRailFooter",
27834
28391
  "props": [
27835
28392
  {
27836
28393
  "name": "defaultChecked",
@@ -28105,8 +28662,75 @@
28105
28662
  ]
28106
28663
  },
28107
28664
  {
28108
- "name": "NavRailFooter",
28665
+ "name": "NavRailItem",
28109
28666
  "props": [
28667
+ {
28668
+ "name": "asChild",
28669
+ "type": "boolean | undefined",
28670
+ "required": false,
28671
+ "defaultValue": "false"
28672
+ },
28673
+ {
28674
+ "name": "icon",
28675
+ "type": "ComponentType<SvgIconProps>",
28676
+ "required": true
28677
+ },
28678
+ {
28679
+ "name": "label",
28680
+ "type": "ReactNode",
28681
+ "required": true
28682
+ },
28683
+ {
28684
+ "name": "shortcut",
28685
+ "type": "string[] | undefined",
28686
+ "required": false
28687
+ },
28688
+ {
28689
+ "name": "active",
28690
+ "type": "boolean | undefined",
28691
+ "required": false,
28692
+ "defaultValue": "false"
28693
+ },
28694
+ {
28695
+ "name": "download",
28696
+ "type": "any",
28697
+ "required": false
28698
+ },
28699
+ {
28700
+ "name": "href",
28701
+ "type": "string | undefined",
28702
+ "required": false
28703
+ },
28704
+ {
28705
+ "name": "hrefLang",
28706
+ "type": "string | undefined",
28707
+ "required": false
28708
+ },
28709
+ {
28710
+ "name": "media",
28711
+ "type": "string | undefined",
28712
+ "required": false
28713
+ },
28714
+ {
28715
+ "name": "ping",
28716
+ "type": "string | undefined",
28717
+ "required": false
28718
+ },
28719
+ {
28720
+ "name": "target",
28721
+ "type": "HTMLAttributeAnchorTarget | undefined",
28722
+ "required": false
28723
+ },
28724
+ {
28725
+ "name": "type",
28726
+ "type": "string | undefined",
28727
+ "required": false
28728
+ },
28729
+ {
28730
+ "name": "referrerPolicy",
28731
+ "type": "HTMLAttributeReferrerPolicy | undefined",
28732
+ "required": false
28733
+ },
28110
28734
  {
28111
28735
  "name": "defaultChecked",
28112
28736
  "type": "boolean | undefined",
@@ -28380,75 +29004,8 @@
28380
29004
  ]
28381
29005
  },
28382
29006
  {
28383
- "name": "NavRailItem",
29007
+ "name": "NavRailSeparator",
28384
29008
  "props": [
28385
- {
28386
- "name": "asChild",
28387
- "type": "boolean | undefined",
28388
- "required": false,
28389
- "defaultValue": "false"
28390
- },
28391
- {
28392
- "name": "icon",
28393
- "type": "ComponentType<SvgIconProps>",
28394
- "required": true
28395
- },
28396
- {
28397
- "name": "label",
28398
- "type": "ReactNode",
28399
- "required": true
28400
- },
28401
- {
28402
- "name": "shortcut",
28403
- "type": "string[] | undefined",
28404
- "required": false
28405
- },
28406
- {
28407
- "name": "active",
28408
- "type": "boolean | undefined",
28409
- "required": false,
28410
- "defaultValue": "false"
28411
- },
28412
- {
28413
- "name": "download",
28414
- "type": "any",
28415
- "required": false
28416
- },
28417
- {
28418
- "name": "href",
28419
- "type": "string | undefined",
28420
- "required": false
28421
- },
28422
- {
28423
- "name": "hrefLang",
28424
- "type": "string | undefined",
28425
- "required": false
28426
- },
28427
- {
28428
- "name": "media",
28429
- "type": "string | undefined",
28430
- "required": false
28431
- },
28432
- {
28433
- "name": "ping",
28434
- "type": "string | undefined",
28435
- "required": false
28436
- },
28437
- {
28438
- "name": "target",
28439
- "type": "HTMLAttributeAnchorTarget | undefined",
28440
- "required": false
28441
- },
28442
- {
28443
- "name": "type",
28444
- "type": "string | undefined",
28445
- "required": false
28446
- },
28447
- {
28448
- "name": "referrerPolicy",
28449
- "type": "HTMLAttributeReferrerPolicy | undefined",
28450
- "required": false
28451
- },
28452
29009
  {
28453
29010
  "name": "defaultChecked",
28454
29011
  "type": "boolean | undefined",
@@ -28722,8 +29279,14 @@
28722
29279
  ]
28723
29280
  },
28724
29281
  {
28725
- "name": "NavRailSeparator",
29282
+ "name": "NavRailSkeleton",
28726
29283
  "props": [
29284
+ {
29285
+ "name": "count",
29286
+ "type": "number | undefined",
29287
+ "required": false,
29288
+ "defaultValue": "4"
29289
+ },
28727
29290
  {
28728
29291
  "name": "defaultChecked",
28729
29292
  "type": "boolean | undefined",
@@ -30487,56 +31050,337 @@
30487
31050
  "name": "PolymorphicComponent",
30488
31051
  "props": [
30489
31052
  {
30490
- "name": "as",
30491
- "type": "C | undefined",
31053
+ "name": "as",
31054
+ "type": "C | undefined",
31055
+ "required": false
31056
+ }
31057
+ ]
31058
+ }
31059
+ ],
31060
+ "examples": []
31061
+ },
31062
+ {
31063
+ "name": "Popover",
31064
+ "importPath": "@wallarm-org/design-system/Popover",
31065
+ "props": [],
31066
+ "variants": [],
31067
+ "subComponents": [],
31068
+ "examples": [
31069
+ {
31070
+ "name": "Basic",
31071
+ "code": "() => (\n <Popover data-testid='popover'>\n <PopoverTrigger asChild>\n <Button variant='outline' color='neutral'>\n Click me\n </Button>\n </PopoverTrigger>\n <PopoverContent>\n <VStack gap={12}>\n <Text size='sm'>This action will remove all and every bit!</Text>\n\n <Alert color='warning'>\n <AlertIcon />\n <AlertContent>\n <AlertTitle>Message goes here</AlertTitle>\n <AlertDescription>\n {'Description goes here \\nDescription goes here \\nDescription goes here'}\n </AlertDescription>\n <AlertControls>\n <Button variant='secondary' color='neutral' size='small'>\n Button\n </Button>\n <Button variant='secondary' color='neutral' size='small'>\n Button\n </Button>\n </AlertControls>\n </AlertContent>\n </Alert>\n </VStack>\n </PopoverContent>\n </Popover>\n)"
31072
+ },
31073
+ {
31074
+ "name": "MinMaxWidth",
31075
+ "code": "() => (\n <VStack gap={32}>\n <Popover>\n <PopoverTrigger asChild>\n <Button variant='outline' color='neutral'>\n Min Width\n </Button>\n </PopoverTrigger>\n <PopoverContent>\n <Text size='xs' weight='medium'>\n Lorem Ipsum\n </Text>\n </PopoverContent>\n </Popover>\n\n <Popover>\n <PopoverTrigger asChild>\n <Button variant='outline' color='neutral'>\n Max Width\n </Button>\n </PopoverTrigger>\n <PopoverContent>\n <Text size='xs' weight='medium'>\n Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has\n been the industry's standard dummy text ever since the 1500s, when an unknown printer took\n a galley of type and scrambled it to make a type specimen book. It has survived not only\n five centuries, but also the leap into electronic typesetting, remaining essentially\n unchanged. It was popularised in the 1960s with the release of Letraset sheets containing\n Lorem Ipsum passages, and more recently with desktop publishing software like Aldus\n PageMaker including versions of Lorem Ipsum. Why do we use it? It is a long established\n fact that a reader will be distracted by the readable content of a page when looking at\n its layout.\n </Text>\n </PopoverContent>\n </Popover>\n </VStack>\n)"
31076
+ },
31077
+ {
31078
+ "name": "MinMaxHeight",
31079
+ "code": "() => (\n <VStack gap={32}>\n <Popover>\n <PopoverTrigger asChild>\n <Button variant='outline' color='neutral'>\n Min Height\n </Button>\n </PopoverTrigger>\n <PopoverContent>\n <Text size='xs' weight='medium'>\n Lorem Ipsum\n </Text>\n </PopoverContent>\n </Popover>\n\n <Popover>\n <PopoverTrigger asChild>\n <Button variant='outline' color='neutral'>\n Max Height\n </Button>\n </PopoverTrigger>\n <PopoverContent>\n <VStack gap={12}>\n <Text size='xs' weight='medium'>\n Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum\n has been the industry's standard dummy text ever since the 1500s, when an unknown\n printer took a galley of type and scrambled it to make a type specimen book. It has\n survived not only five centuries, but also the leap into electronic typesetting,\n remaining essentially unchanged. It was popularised in the 1960s with the release of\n Letraset sheets containing Lorem Ipsum passages, and more recently with desktop\n publishing software like Aldus PageMaker including versions of Lorem Ipsum. Why do we\n use it? It is a long established fact that a reader will be distracted by the readable\n content of a page when looking at its layout. The point of using Lorem Ipsum is that it\n has a more-or-less normal distribution of letters, as opposed to using 'Content here,\n content here', making it look like readable English. Many desktop publishing packages\n and web page editors now use Lorem Ipsum as their default model text, and a search for\n 'lorem ipsum' will uncover many web sites still in their infancy. Various versions have\n evolved over the years, sometimes by accident, sometimes on purpose (injected humour and\n the like). Where does it come from? Contrary to popular belief, Lorem Ipsum is not\n simply random text. It has roots in a piece of classical Latin literature from 45 BC,\n making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney\n College in Virginia, looked up one of the more obscure Latin words, consectetur, from a\n Lorem Ipsum passage, and going through the cites of the word in classical literature,\n discovered the undoubtable source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33\n of \"de Finibus Bonorum et Malorum\" (The Extremes of Good and Evil) by Cicero, written in\n 45 BC. This book is a treatise on the theory of ethics, very popular during the\n Renaissance. The first line of Lorem Ipsum, \"Lorem ipsum dolor sit amet..\", comes from a\n line in section 1.10.32. The standard chunk of Lorem Ipsum used since the 1500s is\n reproduced below for those interested. Sections 1.10.32 and 1.10.33 from \"de Finibus\n Bonorum et Malorum\" by Cicero are also reproduced in their exact original form,\n accompanied by English versions from the 1914 translation by H. Rackham.\n </Text>\n\n <Text size='xs' weight='medium'>\n Where does it come from? Contrary to popular belief, Lorem Ipsum is not simply random\n text. It has roots in a piece of classical Latin literature from 45 BC, making it over\n 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in\n Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum\n passage, and going through the cites of the word in classical literature, discovered the\n undoubtable source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of \"de Finibus\n Bonorum et Malorum\" (The Extremes of Good and Evil) by Cicero, written in 45 BC. This\n book is a treatise on the theory of ethics, very popular during the Renaissance. The\n first line of Lorem Ipsum, \"Lorem ipsum dolor sit amet..\", comes from a line in section\n 1.10.32. The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for\n those interested. Sections 1.10.32 and 1.10.33 from \"de Finibus Bonorum et Malorum\" by\n Cicero are also reproduced in their exact original form, accompanied by English versions\n from the 1914 translation by H. Rackham.\n </Text>\n </VStack>\n </PopoverContent>\n </Popover>\n </VStack>\n)"
31080
+ }
31081
+ ]
31082
+ },
31083
+ {
31084
+ "name": "ProductNav",
31085
+ "importPath": "@wallarm-org/design-system/ProductNav",
31086
+ "props": [
31087
+ {
31088
+ "name": "config",
31089
+ "type": "NavConfig",
31090
+ "required": true
31091
+ },
31092
+ {
31093
+ "name": "basePath",
31094
+ "type": "string | undefined",
31095
+ "required": false,
31096
+ "description": "URL prefix stripped before matching and prepended when navigating.\n Example: `\"/edge\"` turns URL `/edge/overview` into effective pathname `/overview`."
31097
+ }
31098
+ ],
31099
+ "variants": [],
31100
+ "subComponents": [
31101
+ {
31102
+ "name": "NavPanelSkeleton",
31103
+ "props": [
31104
+ {
31105
+ "name": "count",
31106
+ "type": "number | undefined",
31107
+ "required": false
31108
+ },
31109
+ {
31110
+ "name": "defaultChecked",
31111
+ "type": "boolean | undefined",
31112
+ "required": false
31113
+ },
31114
+ {
31115
+ "name": "defaultValue",
31116
+ "type": "string | number | readonly string[] | undefined",
31117
+ "required": false
31118
+ },
31119
+ {
31120
+ "name": "suppressContentEditableWarning",
31121
+ "type": "boolean | undefined",
31122
+ "required": false
31123
+ },
31124
+ {
31125
+ "name": "suppressHydrationWarning",
31126
+ "type": "boolean | undefined",
31127
+ "required": false
31128
+ },
31129
+ {
31130
+ "name": "accessKey",
31131
+ "type": "string | undefined",
31132
+ "required": false
31133
+ },
31134
+ {
31135
+ "name": "autoCapitalize",
31136
+ "type": "\"off\" | \"none\" | \"on\" | \"sentences\" | \"words\" | \"characters\" | (string & {}) | undefined",
31137
+ "required": false
31138
+ },
31139
+ {
31140
+ "name": "autoFocus",
31141
+ "type": "boolean | undefined",
31142
+ "required": false
31143
+ },
31144
+ {
31145
+ "name": "contentEditable",
31146
+ "type": "Booleanish | \"inherit\" | \"plaintext-only\" | undefined",
31147
+ "required": false
31148
+ },
31149
+ {
31150
+ "name": "contextMenu",
31151
+ "type": "string | undefined",
31152
+ "required": false
31153
+ },
31154
+ {
31155
+ "name": "dir",
31156
+ "type": "string | undefined",
31157
+ "required": false
31158
+ },
31159
+ {
31160
+ "name": "draggable",
31161
+ "type": "Booleanish | undefined",
31162
+ "required": false
31163
+ },
31164
+ {
31165
+ "name": "enterKeyHint",
31166
+ "type": "\"enter\" | \"done\" | \"go\" | \"next\" | \"previous\" | \"search\" | \"send\" | undefined",
31167
+ "required": false
31168
+ },
31169
+ {
31170
+ "name": "hidden",
31171
+ "type": "boolean | undefined",
31172
+ "required": false
31173
+ },
31174
+ {
31175
+ "name": "id",
31176
+ "type": "string | undefined",
31177
+ "required": false
31178
+ },
31179
+ {
31180
+ "name": "lang",
31181
+ "type": "string | undefined",
31182
+ "required": false
31183
+ },
31184
+ {
31185
+ "name": "nonce",
31186
+ "type": "string | undefined",
31187
+ "required": false
31188
+ },
31189
+ {
31190
+ "name": "slot",
31191
+ "type": "string | undefined",
31192
+ "required": false
31193
+ },
31194
+ {
31195
+ "name": "spellCheck",
31196
+ "type": "Booleanish | undefined",
31197
+ "required": false
31198
+ },
31199
+ {
31200
+ "name": "tabIndex",
31201
+ "type": "number | undefined",
31202
+ "required": false
31203
+ },
31204
+ {
31205
+ "name": "title",
31206
+ "type": "string | undefined",
31207
+ "required": false
31208
+ },
31209
+ {
31210
+ "name": "translate",
31211
+ "type": "\"yes\" | \"no\" | undefined",
31212
+ "required": false
31213
+ },
31214
+ {
31215
+ "name": "radioGroup",
31216
+ "type": "string | undefined",
31217
+ "required": false
31218
+ },
31219
+ {
31220
+ "name": "role",
31221
+ "type": "AriaRole | undefined",
31222
+ "required": false
31223
+ },
31224
+ {
31225
+ "name": "about",
31226
+ "type": "string | undefined",
31227
+ "required": false
31228
+ },
31229
+ {
31230
+ "name": "content",
31231
+ "type": "string | undefined",
31232
+ "required": false
31233
+ },
31234
+ {
31235
+ "name": "datatype",
31236
+ "type": "string | undefined",
31237
+ "required": false
31238
+ },
31239
+ {
31240
+ "name": "inlist",
31241
+ "type": "any",
31242
+ "required": false
31243
+ },
31244
+ {
31245
+ "name": "prefix",
31246
+ "type": "string | undefined",
31247
+ "required": false
31248
+ },
31249
+ {
31250
+ "name": "property",
31251
+ "type": "string | undefined",
31252
+ "required": false
31253
+ },
31254
+ {
31255
+ "name": "rel",
31256
+ "type": "string | undefined",
31257
+ "required": false
31258
+ },
31259
+ {
31260
+ "name": "resource",
31261
+ "type": "string | undefined",
31262
+ "required": false
31263
+ },
31264
+ {
31265
+ "name": "rev",
31266
+ "type": "string | undefined",
31267
+ "required": false
31268
+ },
31269
+ {
31270
+ "name": "typeof",
31271
+ "type": "string | undefined",
31272
+ "required": false
31273
+ },
31274
+ {
31275
+ "name": "vocab",
31276
+ "type": "string | undefined",
31277
+ "required": false
31278
+ },
31279
+ {
31280
+ "name": "autoCorrect",
31281
+ "type": "string | undefined",
31282
+ "required": false
31283
+ },
31284
+ {
31285
+ "name": "autoSave",
31286
+ "type": "string | undefined",
31287
+ "required": false
31288
+ },
31289
+ {
31290
+ "name": "color",
31291
+ "type": "string | undefined",
31292
+ "required": false
31293
+ },
31294
+ {
31295
+ "name": "itemProp",
31296
+ "type": "string | undefined",
31297
+ "required": false
31298
+ },
31299
+ {
31300
+ "name": "itemScope",
31301
+ "type": "boolean | undefined",
31302
+ "required": false
31303
+ },
31304
+ {
31305
+ "name": "itemType",
31306
+ "type": "string | undefined",
31307
+ "required": false
31308
+ },
31309
+ {
31310
+ "name": "itemID",
31311
+ "type": "string | undefined",
31312
+ "required": false
31313
+ },
31314
+ {
31315
+ "name": "itemRef",
31316
+ "type": "string | undefined",
31317
+ "required": false
31318
+ },
31319
+ {
31320
+ "name": "results",
31321
+ "type": "number | undefined",
30492
31322
  "required": false
31323
+ },
31324
+ {
31325
+ "name": "security",
31326
+ "type": "string | undefined",
31327
+ "required": false
31328
+ },
31329
+ {
31330
+ "name": "unselectable",
31331
+ "type": "\"off\" | \"on\" | undefined",
31332
+ "required": false
31333
+ },
31334
+ {
31335
+ "name": "popover",
31336
+ "type": "\"\" | \"auto\" | \"manual\" | \"hint\" | undefined",
31337
+ "required": false
31338
+ },
31339
+ {
31340
+ "name": "popoverTargetAction",
31341
+ "type": "\"toggle\" | \"show\" | \"hide\" | undefined",
31342
+ "required": false
31343
+ },
31344
+ {
31345
+ "name": "popoverTarget",
31346
+ "type": "string | undefined",
31347
+ "required": false
31348
+ },
31349
+ {
31350
+ "name": "inert",
31351
+ "type": "boolean | undefined",
31352
+ "required": false,
31353
+ "description": "@see https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert"
31354
+ },
31355
+ {
31356
+ "name": "inputMode",
31357
+ "type": "\"none\" | \"search\" | \"text\" | \"tel\" | \"url\" | \"email\" | \"numeric\" | \"decimal\" | undefined",
31358
+ "required": false,
31359
+ "description": "Hints at the type of data that might be entered by the user while editing the element or its contents"
31360
+ },
31361
+ {
31362
+ "name": "is",
31363
+ "type": "string | undefined",
31364
+ "required": false,
31365
+ "description": "Specify that a standard HTML element should behave like a defined custom built-in element"
31366
+ },
31367
+ {
31368
+ "name": "exportparts",
31369
+ "type": "string | undefined",
31370
+ "required": false,
31371
+ "description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/exportparts}"
31372
+ },
31373
+ {
31374
+ "name": "part",
31375
+ "type": "string | undefined",
31376
+ "required": false,
31377
+ "description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/part}"
30493
31378
  }
30494
31379
  ]
30495
31380
  }
30496
31381
  ],
30497
31382
  "examples": []
30498
31383
  },
30499
- {
30500
- "name": "Popover",
30501
- "importPath": "@wallarm-org/design-system/Popover",
30502
- "props": [],
30503
- "variants": [],
30504
- "subComponents": [],
30505
- "examples": [
30506
- {
30507
- "name": "Basic",
30508
- "code": "() => (\n <Popover data-testid='popover'>\n <PopoverTrigger asChild>\n <Button variant='outline' color='neutral'>\n Click me\n </Button>\n </PopoverTrigger>\n <PopoverContent>\n <VStack gap={12}>\n <Text size='sm'>This action will remove all and every bit!</Text>\n\n <Alert color='warning'>\n <AlertIcon />\n <AlertContent>\n <AlertTitle>Message goes here</AlertTitle>\n <AlertDescription>\n {'Description goes here \\nDescription goes here \\nDescription goes here'}\n </AlertDescription>\n <AlertControls>\n <Button variant='secondary' color='neutral' size='small'>\n Button\n </Button>\n <Button variant='secondary' color='neutral' size='small'>\n Button\n </Button>\n </AlertControls>\n </AlertContent>\n </Alert>\n </VStack>\n </PopoverContent>\n </Popover>\n)"
30509
- },
30510
- {
30511
- "name": "MinMaxWidth",
30512
- "code": "() => (\n <VStack gap={32}>\n <Popover>\n <PopoverTrigger asChild>\n <Button variant='outline' color='neutral'>\n Min Width\n </Button>\n </PopoverTrigger>\n <PopoverContent>\n <Text size='xs' weight='medium'>\n Lorem Ipsum\n </Text>\n </PopoverContent>\n </Popover>\n\n <Popover>\n <PopoverTrigger asChild>\n <Button variant='outline' color='neutral'>\n Max Width\n </Button>\n </PopoverTrigger>\n <PopoverContent>\n <Text size='xs' weight='medium'>\n Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has\n been the industry's standard dummy text ever since the 1500s, when an unknown printer took\n a galley of type and scrambled it to make a type specimen book. It has survived not only\n five centuries, but also the leap into electronic typesetting, remaining essentially\n unchanged. It was popularised in the 1960s with the release of Letraset sheets containing\n Lorem Ipsum passages, and more recently with desktop publishing software like Aldus\n PageMaker including versions of Lorem Ipsum. Why do we use it? It is a long established\n fact that a reader will be distracted by the readable content of a page when looking at\n its layout.\n </Text>\n </PopoverContent>\n </Popover>\n </VStack>\n)"
30513
- },
30514
- {
30515
- "name": "MinMaxHeight",
30516
- "code": "() => (\n <VStack gap={32}>\n <Popover>\n <PopoverTrigger asChild>\n <Button variant='outline' color='neutral'>\n Min Height\n </Button>\n </PopoverTrigger>\n <PopoverContent>\n <Text size='xs' weight='medium'>\n Lorem Ipsum\n </Text>\n </PopoverContent>\n </Popover>\n\n <Popover>\n <PopoverTrigger asChild>\n <Button variant='outline' color='neutral'>\n Max Height\n </Button>\n </PopoverTrigger>\n <PopoverContent>\n <VStack gap={12}>\n <Text size='xs' weight='medium'>\n Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum\n has been the industry's standard dummy text ever since the 1500s, when an unknown\n printer took a galley of type and scrambled it to make a type specimen book. It has\n survived not only five centuries, but also the leap into electronic typesetting,\n remaining essentially unchanged. It was popularised in the 1960s with the release of\n Letraset sheets containing Lorem Ipsum passages, and more recently with desktop\n publishing software like Aldus PageMaker including versions of Lorem Ipsum. Why do we\n use it? It is a long established fact that a reader will be distracted by the readable\n content of a page when looking at its layout. The point of using Lorem Ipsum is that it\n has a more-or-less normal distribution of letters, as opposed to using 'Content here,\n content here', making it look like readable English. Many desktop publishing packages\n and web page editors now use Lorem Ipsum as their default model text, and a search for\n 'lorem ipsum' will uncover many web sites still in their infancy. Various versions have\n evolved over the years, sometimes by accident, sometimes on purpose (injected humour and\n the like). Where does it come from? Contrary to popular belief, Lorem Ipsum is not\n simply random text. It has roots in a piece of classical Latin literature from 45 BC,\n making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney\n College in Virginia, looked up one of the more obscure Latin words, consectetur, from a\n Lorem Ipsum passage, and going through the cites of the word in classical literature,\n discovered the undoubtable source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33\n of \"de Finibus Bonorum et Malorum\" (The Extremes of Good and Evil) by Cicero, written in\n 45 BC. This book is a treatise on the theory of ethics, very popular during the\n Renaissance. The first line of Lorem Ipsum, \"Lorem ipsum dolor sit amet..\", comes from a\n line in section 1.10.32. The standard chunk of Lorem Ipsum used since the 1500s is\n reproduced below for those interested. Sections 1.10.32 and 1.10.33 from \"de Finibus\n Bonorum et Malorum\" by Cicero are also reproduced in their exact original form,\n accompanied by English versions from the 1914 translation by H. Rackham.\n </Text>\n\n <Text size='xs' weight='medium'>\n Where does it come from? Contrary to popular belief, Lorem Ipsum is not simply random\n text. It has roots in a piece of classical Latin literature from 45 BC, making it over\n 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in\n Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum\n passage, and going through the cites of the word in classical literature, discovered the\n undoubtable source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of \"de Finibus\n Bonorum et Malorum\" (The Extremes of Good and Evil) by Cicero, written in 45 BC. This\n book is a treatise on the theory of ethics, very popular during the Renaissance. The\n first line of Lorem Ipsum, \"Lorem ipsum dolor sit amet..\", comes from a line in section\n 1.10.32. The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for\n those interested. Sections 1.10.32 and 1.10.33 from \"de Finibus Bonorum et Malorum\" by\n Cicero are also reproduced in their exact original form, accompanied by English versions\n from the 1914 translation by H. Rackham.\n </Text>\n </VStack>\n </PopoverContent>\n </Popover>\n </VStack>\n)"
30517
- }
30518
- ]
30519
- },
30520
- {
30521
- "name": "ProductNav",
30522
- "importPath": "@wallarm-org/design-system/ProductNav",
30523
- "props": [
30524
- {
30525
- "name": "config",
30526
- "type": "NavConfig",
30527
- "required": true
30528
- },
30529
- {
30530
- "name": "basePath",
30531
- "type": "string | undefined",
30532
- "required": false,
30533
- "description": "URL prefix stripped before matching and prepended when navigating.\n Example: `\"/edge\"` turns URL `/edge/overview` into effective pathname `/overview`."
30534
- }
30535
- ],
30536
- "variants": [],
30537
- "subComponents": [],
30538
- "examples": []
30539
- },
30540
31384
  {
30541
31385
  "name": "Progress",
30542
31386
  "importPath": "@wallarm-org/design-system/Progress",