@clickhouse/click-ui 0.6.1 → 0.6.2-rc1

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 (134) hide show
  1. package/README.md +5 -0
  2. package/dist/cjs/click-ui.css +398 -0
  3. package/dist/cjs/components/AutoComplete/index.cjs +4 -1
  4. package/dist/cjs/components/AutoComplete/index.cjs.map +1 -1
  5. package/dist/cjs/components/ButtonGroup/ButtonGroup.css +37 -0
  6. package/dist/cjs/components/ButtonGroup/ButtonGroup.module.css.cjs +8 -0
  7. package/dist/cjs/components/ButtonGroup/ButtonGroup.module.css.cjs.map +1 -1
  8. package/dist/cjs/components/ButtonGroup/index.cjs +21 -2
  9. package/dist/cjs/components/ButtonGroup/index.cjs.map +1 -1
  10. package/dist/cjs/components/CardPrimary/CardPrimaryTopBadge.cjs +1 -0
  11. package/dist/cjs/components/Collapsible/IconWrapper.cjs +1 -0
  12. package/dist/cjs/components/ContextMenu/index.cjs +4 -1
  13. package/dist/cjs/components/ContextMenu/index.cjs.map +1 -1
  14. package/dist/cjs/components/DatePicker/Common.cjs +1 -1
  15. package/dist/cjs/components/DatePicker/Common.cjs.map +1 -1
  16. package/dist/cjs/components/DatePicker/index.cjs +4 -1
  17. package/dist/cjs/components/DatePicker/index.cjs.map +1 -1
  18. package/dist/cjs/components/Dialog/Dialog.css +97 -0
  19. package/dist/cjs/components/Dialog/Dialog.module.css.cjs +27 -0
  20. package/dist/cjs/components/Dialog/Dialog.module.css.cjs.map +1 -0
  21. package/dist/cjs/components/Dialog/index.cjs +29 -71
  22. package/dist/cjs/components/Dialog/index.cjs.map +1 -1
  23. package/dist/cjs/components/Dropdown/index.cjs +4 -1
  24. package/dist/cjs/components/Dropdown/index.cjs.map +1 -1
  25. package/dist/cjs/components/Flyout/index.cjs +23 -19
  26. package/dist/cjs/components/Flyout/index.cjs.map +1 -1
  27. package/dist/cjs/components/HoverCard/index.cjs +3 -1
  28. package/dist/cjs/components/HoverCard/index.cjs.map +1 -1
  29. package/dist/cjs/components/Icon/SvgImageElement.cjs +1 -0
  30. package/dist/cjs/components/MultiAccordion/MultiAccordion.css +200 -0
  31. package/dist/cjs/components/MultiAccordion/MultiAccordion.module.css.cjs +42 -0
  32. package/dist/cjs/components/MultiAccordion/MultiAccordion.module.css.cjs.map +1 -0
  33. package/dist/cjs/components/MultiAccordion/index.cjs +102 -92
  34. package/dist/cjs/components/MultiAccordion/index.cjs.map +1 -1
  35. package/dist/cjs/components/Popover/index.cjs +3 -1
  36. package/dist/cjs/components/Popover/index.cjs.map +1 -1
  37. package/dist/cjs/components/Select/common/InternalSelect.cjs +3 -1
  38. package/dist/cjs/components/Select/common/InternalSelect.cjs.map +1 -1
  39. package/dist/cjs/components/Tabs/Tabs.css +54 -0
  40. package/dist/cjs/components/Tabs/Tabs.module.css.cjs +20 -0
  41. package/dist/cjs/components/Tabs/Tabs.module.css.cjs.map +1 -0
  42. package/dist/cjs/components/Tabs/index.cjs +45 -20
  43. package/dist/cjs/components/Tabs/index.cjs.map +1 -1
  44. package/dist/cjs/components/Tooltip/index.cjs +4 -1
  45. package/dist/cjs/components/Tooltip/index.cjs.map +1 -1
  46. package/dist/cjs/index.cjs +5 -0
  47. package/dist/cjs/index.cjs.map +1 -1
  48. package/dist/cjs/providers/PortalContext.cjs +19 -0
  49. package/dist/cjs/providers/PortalContext.cjs.map +1 -0
  50. package/dist/cjs/providers/PortalProvider.cjs +16 -0
  51. package/dist/cjs/providers/PortalProvider.cjs.map +1 -0
  52. package/dist/cjs/theme/styles/tokens-dark.css +5 -0
  53. package/dist/cjs/theme/styles/tokens-light.css +5 -0
  54. package/dist/cjs/theme/tokens/variables.dark.cjs +15 -0
  55. package/dist/cjs/theme/tokens/variables.dark.cjs.map +1 -1
  56. package/dist/cjs/theme/tokens/variables.light.cjs +15 -0
  57. package/dist/cjs/theme/tokens/variables.light.cjs.map +1 -1
  58. package/dist/esm/click-ui.css +398 -0
  59. package/dist/esm/components/AutoComplete/index.js +4 -1
  60. package/dist/esm/components/AutoComplete/index.js.map +1 -1
  61. package/dist/esm/components/ButtonGroup/ButtonGroup.css +37 -0
  62. package/dist/esm/components/ButtonGroup/ButtonGroup.module.css.js +7 -1
  63. package/dist/esm/components/ButtonGroup/ButtonGroup.module.css.js.map +1 -1
  64. package/dist/esm/components/ButtonGroup/index.js +21 -2
  65. package/dist/esm/components/ButtonGroup/index.js.map +1 -1
  66. package/dist/esm/components/CardPrimary/CardPrimaryTopBadge.js +1 -0
  67. package/dist/esm/components/Collapsible/IconWrapper.js +1 -0
  68. package/dist/esm/components/ContextMenu/index.js +4 -1
  69. package/dist/esm/components/ContextMenu/index.js.map +1 -1
  70. package/dist/esm/components/DatePicker/Common.js +1 -1
  71. package/dist/esm/components/DatePicker/Common.js.map +1 -1
  72. package/dist/esm/components/DatePicker/index.js +4 -1
  73. package/dist/esm/components/DatePicker/index.js.map +1 -1
  74. package/dist/esm/components/Dialog/Dialog.css +97 -0
  75. package/dist/esm/components/Dialog/Dialog.module.css.js +18 -0
  76. package/dist/esm/components/Dialog/Dialog.module.css.js.map +1 -0
  77. package/dist/esm/components/Dialog/index.js +29 -71
  78. package/dist/esm/components/Dialog/index.js.map +1 -1
  79. package/dist/esm/components/Dropdown/index.js +4 -1
  80. package/dist/esm/components/Dropdown/index.js.map +1 -1
  81. package/dist/esm/components/Flyout/index.js +23 -19
  82. package/dist/esm/components/Flyout/index.js.map +1 -1
  83. package/dist/esm/components/HoverCard/index.js +3 -1
  84. package/dist/esm/components/HoverCard/index.js.map +1 -1
  85. package/dist/esm/components/Icon/SvgImageElement.js +1 -0
  86. package/dist/esm/components/MultiAccordion/MultiAccordion.css +200 -0
  87. package/dist/esm/components/MultiAccordion/MultiAccordion.module.css.js +38 -0
  88. package/dist/esm/components/MultiAccordion/MultiAccordion.module.css.js.map +1 -0
  89. package/dist/esm/components/MultiAccordion/index.js +102 -92
  90. package/dist/esm/components/MultiAccordion/index.js.map +1 -1
  91. package/dist/esm/components/Popover/index.js +3 -1
  92. package/dist/esm/components/Popover/index.js.map +1 -1
  93. package/dist/esm/components/Select/common/InternalSelect.js +3 -1
  94. package/dist/esm/components/Select/common/InternalSelect.js.map +1 -1
  95. package/dist/esm/components/Tabs/Tabs.css +54 -0
  96. package/dist/esm/components/Tabs/Tabs.module.css.js +14 -0
  97. package/dist/esm/components/Tabs/Tabs.module.css.js.map +1 -0
  98. package/dist/esm/components/Tabs/index.js +45 -20
  99. package/dist/esm/components/Tabs/index.js.map +1 -1
  100. package/dist/esm/components/Tooltip/index.js +4 -1
  101. package/dist/esm/components/Tooltip/index.js.map +1 -1
  102. package/dist/esm/index.js +2 -0
  103. package/dist/esm/index.js.map +1 -1
  104. package/dist/esm/providers/PortalContext.js +13 -0
  105. package/dist/esm/providers/PortalContext.js.map +1 -0
  106. package/dist/esm/providers/PortalProvider.js +12 -0
  107. package/dist/esm/providers/PortalProvider.js.map +1 -0
  108. package/dist/esm/theme/styles/tokens-dark.css +5 -0
  109. package/dist/esm/theme/styles/tokens-light.css +5 -0
  110. package/dist/esm/theme/tokens/variables.dark.js +15 -0
  111. package/dist/esm/theme/tokens/variables.dark.js.map +1 -1
  112. package/dist/esm/theme/tokens/variables.light.js +15 -0
  113. package/dist/esm/theme/tokens/variables.light.js.map +1 -1
  114. package/dist/types/components/AutoComplete/AutoComplete.d.ts +2 -1
  115. package/dist/types/components/ButtonGroup/ButtonGroup.types.d.ts +5 -0
  116. package/dist/types/components/ButtonGroup/index.d.ts +1 -1
  117. package/dist/types/components/ContextMenu/ContextMenu.d.ts +3 -1
  118. package/dist/types/components/DatePicker/DatePicker.d.ts +2 -1
  119. package/dist/types/components/Dialog/Dialog.d.ts +2 -2
  120. package/dist/types/components/Dropdown/Dropdown.d.ts +3 -1
  121. package/dist/types/components/Flyout/Flyout.d.ts +1 -1
  122. package/dist/types/components/Flyout/Flyout.types.d.ts +2 -0
  123. package/dist/types/components/MultiAccordion/MultiAccordion.d.ts +2 -2
  124. package/dist/types/components/Tabs/Tabs.d.ts +11 -21
  125. package/dist/types/components/Tooltip/Tooltip.d.ts +2 -10
  126. package/dist/types/components/Tooltip/Tooltip.types.d.ts +1 -0
  127. package/dist/types/index.d.ts +2 -1
  128. package/dist/types/providers/PortalContext.d.ts +4 -0
  129. package/dist/types/providers/PortalProvider.d.ts +7 -0
  130. package/dist/types/providers/index.d.ts +4 -0
  131. package/dist/types/theme/theme.core.d.ts +30 -0
  132. package/dist/types/theme/tokens/variables.dark.d.ts +15 -0
  133. package/dist/types/theme/tokens/variables.light.d.ts +15 -0
  134. package/package.json +2 -3
package/dist/cjs/providers/PortalProvider.cjs.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"PortalProvider.cjs","sources":["../../../src/providers/PortalProvider.tsx"],"sourcesContent":["import { ReactElement, ReactNode } from 'react';\nimport { PortalContainerContext, type PortalContainer } from './PortalContext';\n\nexport interface PortalProviderProps {\n children: ReactNode;\n container?: PortalContainer;\n}\n\nexport const PortalProvider = ({\n children,\n container = null,\n}: PortalProviderProps): ReactElement => {\n return (\n <PortalContainerContext.Provider value={container}>\n {children}\n </PortalContainerContext.Provider>\n );\n};\n"],"names":["PortalProvider","children","container","PortalContainerContext"],"mappings":";;;;;;;AAQO,MAAMA,iBAAiBA,CAAC;AAAA,EAC7BC,QAAAA;AAAAA,EACAC,SAAAA,GAAY;AACO,CAAA,KAAoB;AACvC,EAAA,sCACGC,oCAAA,CAAuB,QAAA,EAAvB,EAAgC,KAAA,EAAOD,WACrCD,QAAAA,EACH,CAAA;AAEJ;;;;"}
package/dist/cjs/theme/styles/tokens-dark.css CHANGED
@@ -367,6 +367,11 @@
367
367
  --click-button-group-space-button-default-x: 0.75rem;
368
368
  --click-button-group-space-button-borderless-y: 5.5px;
369
369
  --click-button-group-space-button-borderless-x: 1rem;
370
+ --click-button-group-space-icon-default-y: 3px;
371
+ --click-button-group-space-icon-default-x: 1rem;
372
+ --click-button-group-space-icon-borderless-y: 5.5px;
373
+ --click-button-group-space-icon-borderless-x: 1rem;
374
+ --click-button-group-icon-size-all: 1rem;
370
375
  --click-button-group-color-background-default: rgba(0, 0, 0, 0);
371
376
  --click-button-group-color-background-hover: #282828;
372
377
  --click-button-group-color-background-active: #414141;
package/dist/cjs/theme/styles/tokens-light.css CHANGED
@@ -368,6 +368,11 @@
368
368
  --click-button-group-space-button-default-x: 0.75rem;
369
369
  --click-button-group-space-button-borderless-y: 5.5px;
370
370
  --click-button-group-space-button-borderless-x: 1rem;
371
+ --click-button-group-space-icon-default-y: 3px;
372
+ --click-button-group-space-icon-default-x: 1rem;
373
+ --click-button-group-space-icon-borderless-y: 5.5px;
374
+ --click-button-group-space-icon-borderless-x: 1rem;
375
+ --click-button-group-icon-size-all: 1rem;
371
376
  --click-button-group-color-background-default: rgba(0, 0, 0, 0);
372
377
  --click-button-group-color-background-hover: #f6f7fa;
373
378
  --click-button-group-color-background-active: lch(95.274 1.5364 271.98);
package/dist/cjs/theme/tokens/variables.dark.cjs CHANGED
@@ -772,6 +772,21 @@ const theme = {
772
772
  y: "5.5px",
773
773
  x: "1rem"
774
774
  }
775
+ },
776
+ icon: {
777
+ default: {
778
+ y: "3px",
779
+ x: "1rem"
780
+ },
781
+ borderless: {
782
+ y: "5.5px",
783
+ x: "1rem"
784
+ }
785
+ }
786
+ },
787
+ icon: {
788
+ size: {
789
+ all: "1rem"
775
790
  }
776
791
  },
777
792
  color: {