@ultraviolet/ui 3.0.0-beta.21 → 3.0.0-beta.23

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/dist/components/Avatar/styles.css.cjs +1 -0
  2. package/dist/components/Avatar/styles.css.js +1 -0
  3. package/dist/components/Avatar/variables.css.cjs +0 -1
  4. package/dist/components/Avatar/variables.css.js +0 -1
  5. package/dist/components/Breadcrumbs/components/Item.cjs +1 -1
  6. package/dist/components/Breadcrumbs/components/Item.js +2 -2
  7. package/dist/components/Breadcrumbs/components/styles.css.cjs +3 -1
  8. package/dist/components/Breadcrumbs/components/styles.css.d.ts +1 -0
  9. package/dist/components/Breadcrumbs/components/styles.css.js +3 -1
  10. package/dist/components/Button/index.cjs +2 -1
  11. package/dist/components/Button/index.d.ts +1 -0
  12. package/dist/components/Button/index.js +2 -1
  13. package/dist/components/Dialog/index.cjs +3 -21
  14. package/dist/components/Dialog/index.d.ts +1 -0
  15. package/dist/components/Dialog/index.js +3 -19
  16. package/dist/components/Dialog/styles.css.cjs +7 -0
  17. package/dist/components/Dialog/styles.css.d.ts +2 -0
  18. package/dist/components/Dialog/styles.css.js +7 -0
  19. package/dist/components/EmptyState/index.cjs +1 -1
  20. package/dist/components/EmptyState/index.js +1 -1
  21. package/dist/components/Link/index.cjs +2 -1
  22. package/dist/components/Link/index.d.ts +1 -0
  23. package/dist/components/Link/index.js +2 -1
  24. package/dist/components/List/Cell.cjs +21 -15
  25. package/dist/components/List/Cell.d.ts +2 -1
  26. package/dist/components/List/Cell.js +21 -13
  27. package/dist/components/List/ColumnProvider.cjs +28 -0
  28. package/dist/components/List/ColumnProvider.d.ts +14 -0
  29. package/dist/components/List/ColumnProvider.js +28 -0
  30. package/dist/components/List/HeaderCell.cjs +11 -45
  31. package/dist/components/List/HeaderCell.d.ts +2 -2
  32. package/dist/components/List/HeaderCell.js +12 -44
  33. package/dist/components/List/HeaderRow.cjs +4 -25
  34. package/dist/components/List/HeaderRow.js +4 -23
  35. package/dist/components/List/Row.cjs +23 -183
  36. package/dist/components/List/Row.d.ts +0 -16
  37. package/dist/components/List/Row.js +22 -180
  38. package/dist/components/List/SkeletonRows.cjs +7 -36
  39. package/dist/components/List/SkeletonRows.js +6 -33
  40. package/dist/components/List/index.cjs +4 -32
  41. package/dist/components/List/index.d.ts +1 -0
  42. package/dist/components/List/index.js +4 -30
  43. package/dist/components/List/styles.css.cjs +35 -0
  44. package/dist/components/List/styles.css.d.ts +24 -0
  45. package/dist/components/List/styles.css.js +35 -0
  46. package/dist/components/List/variables.css.cjs +16 -0
  47. package/dist/components/List/variables.css.d.ts +7 -0
  48. package/dist/components/List/variables.css.js +16 -0
  49. package/dist/components/Menu/MenuContent.cjs +13 -77
  50. package/dist/components/Menu/MenuContent.d.ts +1 -0
  51. package/dist/components/Menu/MenuContent.js +13 -75
  52. package/dist/components/Menu/components/Group.cjs +2 -12
  53. package/dist/components/Menu/components/Group.js +2 -10
  54. package/dist/components/Menu/components/Item.cjs +16 -94
  55. package/dist/components/Menu/components/Item.js +16 -92
  56. package/dist/components/Menu/index.d.ts +1 -0
  57. package/dist/components/Menu/styles.css.cjs +24 -0
  58. package/dist/components/Menu/styles.css.d.ts +47 -0
  59. package/dist/components/Menu/styles.css.js +24 -0
  60. package/dist/components/Popover/index.d.ts +1 -0
  61. package/dist/components/Popup/index.cjs +15 -11
  62. package/dist/components/Popup/index.d.ts +2 -1
  63. package/dist/components/Popup/index.js +15 -11
  64. package/dist/components/Row/index.cjs +15 -11
  65. package/dist/components/Row/index.d.ts +2 -1
  66. package/dist/components/Row/index.js +15 -11
  67. package/dist/components/SelectableCard/index.cjs +1 -1
  68. package/dist/components/SelectableCard/index.js +1 -1
  69. package/dist/components/Slider/components/DoubleSlider.cjs +48 -100
  70. package/dist/components/Slider/components/DoubleSlider.js +45 -95
  71. package/dist/components/Slider/components/Options.cjs +22 -43
  72. package/dist/components/Slider/components/Options.d.ts +1 -13
  73. package/dist/components/Slider/components/Options.js +22 -41
  74. package/dist/components/Slider/components/SingleSlider.cjs +29 -85
  75. package/dist/components/Slider/components/SingleSlider.js +27 -81
  76. package/dist/components/Slider/index.cjs +5 -4
  77. package/dist/components/Slider/index.js +3 -2
  78. package/dist/components/Slider/styles.css.cjs +36 -0
  79. package/dist/components/Slider/styles.css.d.ts +171 -0
  80. package/dist/components/Slider/styles.css.js +36 -0
  81. package/dist/components/Table/Cell.cjs +19 -21
  82. package/dist/components/Table/Cell.js +19 -19
  83. package/dist/components/Table/Header.cjs +2 -12
  84. package/dist/components/Table/Header.js +2 -10
  85. package/dist/components/Table/HeaderCell.cjs +17 -49
  86. package/dist/components/Table/HeaderCell.js +15 -45
  87. package/dist/components/Table/Row.cjs +14 -93
  88. package/dist/components/Table/Row.js +12 -89
  89. package/dist/components/Table/SkeletonRows.cjs +4 -35
  90. package/dist/components/Table/SkeletonRows.js +3 -32
  91. package/dist/components/Table/constants.cjs +0 -2
  92. package/dist/components/Table/constants.js +0 -2
  93. package/dist/components/Table/index.cjs +7 -52
  94. package/dist/components/Table/index.js +7 -50
  95. package/dist/components/Table/styles.css.cjs +29 -0
  96. package/dist/components/Table/styles.css.d.ts +68 -0
  97. package/dist/components/Table/styles.css.js +29 -0
  98. package/dist/components/Table/variables.css.cjs +14 -0
  99. package/dist/components/Table/variables.css.d.ts +6 -0
  100. package/dist/components/Table/variables.css.js +14 -0
  101. package/dist/components/Tabs/Tab.cjs +12 -84
  102. package/dist/components/Tabs/Tab.d.ts +0 -4
  103. package/dist/components/Tabs/Tab.js +6 -76
  104. package/dist/components/Tabs/TabMenu.cjs +4 -37
  105. package/dist/components/Tabs/TabMenu.js +4 -35
  106. package/dist/components/Tabs/TabMenuItem.cjs +2 -12
  107. package/dist/components/Tabs/TabMenuItem.d.ts +2 -18
  108. package/dist/components/Tabs/TabMenuItem.js +2 -10
  109. package/dist/components/Tabs/index.cjs +3 -35
  110. package/dist/components/Tabs/index.d.ts +1 -3
  111. package/dist/components/Tabs/index.js +4 -34
  112. package/dist/components/Tabs/styles.css.cjs +21 -0
  113. package/dist/components/Tabs/styles.css.d.ts +9 -0
  114. package/dist/components/Tabs/styles.css.js +21 -0
  115. package/dist/components/TagInput/index.cjs +4 -21
  116. package/dist/components/TagInput/index.js +4 -21
  117. package/dist/components/Text/style.css.cjs +1 -0
  118. package/dist/components/Text/style.css.js +1 -0
  119. package/dist/components/Text/variables.css.cjs +0 -1
  120. package/dist/components/Text/variables.css.js +0 -1
  121. package/dist/components/Tooltip/index.cjs +3 -2
  122. package/dist/components/Tooltip/index.d.ts +2 -1
  123. package/dist/components/Tooltip/index.js +3 -2
  124. package/dist/components/UnitInput/styles.css.cjs +1 -0
  125. package/dist/components/UnitInput/styles.css.js +1 -0
  126. package/dist/ui.css +1 -1
  127. package/package.json +6 -6
  128. package/dist/components/List/constants.cjs +0 -5
  129. package/dist/components/List/constants.js +0 -5
  130. package/dist/components/Menu/constants.cjs +0 -7
  131. package/dist/components/Menu/constants.js +0 -7
  132. package/dist/components/Slider/styles.cjs +0 -63
  133. package/dist/components/Slider/styles.d.ts +0 -81
  134. package/dist/components/Slider/styles.js +0 -61
@@ -1,7 +0,0 @@
1
- const SIZES = {
2
- large: "23.75rem",
3
- small: "11.25rem"
4
- };
5
- export {
6
- SIZES
7
- };
@@ -1,63 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
- const _styled = require("@emotion/styled/base");
4
- const index = require("../Stack/index.cjs");
5
- const index$1 = require("../Tooltip/index.cjs");
6
- const constant = require("./constant.cjs");
7
- const _interopDefaultCompat = (e) => e && typeof e === "object" && "default" in e ? e : { default: e };
8
- const _styled__default = /* @__PURE__ */ _interopDefaultCompat(_styled);
9
- const SliderContainer = /* @__PURE__ */ _styled__default.default(index.Stack, process.env.NODE_ENV === "production" ? {
10
- target: "elrd0u31"
11
- } : {
12
- target: "elrd0u31",
13
- label: "SliderContainer"
14
- })("&[data-options='true'][data-double='true']{margin-bottom:", ({
15
- theme
16
- }) => theme.space["3"], ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NsaWRlci9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBTXlFIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NsaWRlci9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IFRoZW1lIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IFN0YWNrIH0gZnJvbSAnLi4vU3RhY2snXG5pbXBvcnQgeyBUb29sdGlwIH0gZnJvbSAnLi4vVG9vbHRpcCdcbmltcG9ydCB7IFRIVU1CX1NJWkUgfSBmcm9tICcuL2NvbnN0YW50J1xuXG5leHBvcnQgY29uc3QgU2xpZGVyQ29udGFpbmVyID0gc3R5bGVkKFN0YWNrKTx7ICdkYXRhLW9wdGlvbnMnOiBib29sZWFuIH0+YFxuICAgICZbZGF0YS1vcHRpb25zPSd0cnVlJ11bZGF0YS1kb3VibGU9J3RydWUnXXtcbiAgICAgIG1hcmdpbi1ib3R0b206ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzMnXX1cbiAgICB9XG5gXG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUb29sdGlwID0gc3R5bGVkKFRvb2x0aXAsIHtcbiAgc2hvdWxkRm9yd2FyZFByb3A6IHByb3AgPT4gIVsnbGVmdCddLmluY2x1ZGVzKHByb3ApLFxufSk8eyBsZWZ0OiBudW1iZXIgfT5gXG53aWR0aDogZml0LWNvbnRlbnQ7XG5wb3NpdGlvbjogYWJzb2x1dGU7XG5sZWZ0OiAkeyh7IGxlZnQgfSkgPT4gbGVmdH1weDtcbmBcblxuZXhwb3J0IGNvbnN0IHRyYWNrU3R5bGUgPSBgXG4gICAgYXBwZWFyYW5jZTogbm9uZTtcbiAgICAtd2Via2l0LWFwcGVhcmFuY2U6IG5vbmU7XG4gICAgYm94LXNoYWRvdzogbm9uZTtcbiAgICBib3JkZXI6IHRyYW5zcGFyZW50O1xuICAgIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50O1xuYFxuXG5leHBvcnQgY29uc3QgdGh1bWJTdHlsZSA9IChcbiAgdGhlbWU6IFRoZW1lLFxuICB0aGVtZVNsaWRlcjogc3RyaW5nLFxuICBkaXNhYmxlZDogYm9vbGVhbixcbiAgbGVmdDogbnVtYmVyLFxuICBpc0RvdWJsZTogYm9vbGVhbixcbikgPT4gYFxuICAgICAgLXdlYmtpdC1hcHBlYXJhbmNlOiBub25lO1xuICAgICAgYXBwZWFyYW5jZTogbm9uZTtcbiAgICAgIHBvaW50ZXItZXZlbnRzOiBhbGw7XG4gICAgICB3aWR0aDogJHtUSFVNQl9TSVpFfXB4O1xuICAgICAgaGVpZ2h0OiAke1RIVU1CX1NJWkV9cHg7XG4gICAgICBiYWNrZ3JvdW5kOiAke3RoZW1lU2xpZGVyID09PSAnbGlnaHQnID8gdGhlbWUuY29sb3JzLm5ldXRyYWwuYmFja2dyb3VuZCA6IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmRTdHJvbmdlcn07XG4gICAgICBib3gtc2hhZG93OiAke3RoZW1lLnNoYWRvd3MuZml4ZWRbMF19LCAke3RoZW1lLnNoYWRvd3MuZml4ZWRbMV19O1xuICAgICAgYm9yZGVyLXJhZGl1czogJHt0aGVtZS5yYWRpaS5jaXJjbGV9O1xuICAgICAgYm9yZGVyOiBub25lO1xuICAgICAgY3Vyc29yOiAke2Rpc2FibGVkID8gJ25vdC1hbGxvd2VkJyA6ICdncmFiJ307XG4gICAgICB0cmFuc2l0aW9uOiBiYWNrZ3JvdW5kIDAuM3MgZWFzZS1pbi1vdXQ7XG5cbiAgICAgICY6aG92ZXIsIDphY3RpdmUsIDpmb2N1cyB7XG4gICAgICAgIGJvcmRlcjogJHtkaXNhYmxlZCA/IG51bGwgOiBgMS41cHggc29saWQgJHt0aGVtZS5jb2xvcnMucHJpbWFyeS5ib3JkZXJ9YH07XG4gICAgICB9XG5cbiAgICAgICY6YWN0aXZlLCA6Zm9jdXMge1xuICAgICAgICBib3gtc2hhZG93OiAke2Rpc2FibGVkID8gbnVsbCA6IHRoZW1lLnNoYWRvd3MuZm9jdXNQcmltYXJ5fTtcbiAgICAgICAgY3Vyc29yOiAke2Rpc2FibGVkID8gJ25vdC1hbGxvd2VkJyA6ICdncmFiYmluZyd9O1xuICAgICAgfVxuXG4gICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICBsZWZ0OiBjYWxjKCR7bGVmdH0lIC0gJHtUSFVNQl9TSVpFIC8gMn1weCk7XG4gICAgICB0b3A6IC0ke1RIVU1CX1NJWkUgLyAoaXNEb3VibGUgPyAyIDogNCl9cHg7XG4gIGBcbiJdfQ== */"));
17
- const StyledTooltip = /* @__PURE__ */ _styled__default.default(index$1.Tooltip, process.env.NODE_ENV === "production" ? {
18
- shouldForwardProp: (prop) => !["left"].includes(prop),
19
- target: "elrd0u30"
20
- } : {
21
- shouldForwardProp: (prop) => !["left"].includes(prop),
22
- target: "elrd0u30",
23
- label: "StyledTooltip"
24
- })("width:fit-content;position:absolute;left:", ({
25
- left
26
- }) => left, "px;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NsaWRlci9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBY29CIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NsaWRlci9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IFRoZW1lIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IFN0YWNrIH0gZnJvbSAnLi4vU3RhY2snXG5pbXBvcnQgeyBUb29sdGlwIH0gZnJvbSAnLi4vVG9vbHRpcCdcbmltcG9ydCB7IFRIVU1CX1NJWkUgfSBmcm9tICcuL2NvbnN0YW50J1xuXG5leHBvcnQgY29uc3QgU2xpZGVyQ29udGFpbmVyID0gc3R5bGVkKFN0YWNrKTx7ICdkYXRhLW9wdGlvbnMnOiBib29sZWFuIH0+YFxuICAgICZbZGF0YS1vcHRpb25zPSd0cnVlJ11bZGF0YS1kb3VibGU9J3RydWUnXXtcbiAgICAgIG1hcmdpbi1ib3R0b206ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzMnXX1cbiAgICB9XG5gXG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUb29sdGlwID0gc3R5bGVkKFRvb2x0aXAsIHtcbiAgc2hvdWxkRm9yd2FyZFByb3A6IHByb3AgPT4gIVsnbGVmdCddLmluY2x1ZGVzKHByb3ApLFxufSk8eyBsZWZ0OiBudW1iZXIgfT5gXG53aWR0aDogZml0LWNvbnRlbnQ7XG5wb3NpdGlvbjogYWJzb2x1dGU7XG5sZWZ0OiAkeyh7IGxlZnQgfSkgPT4gbGVmdH1weDtcbmBcblxuZXhwb3J0IGNvbnN0IHRyYWNrU3R5bGUgPSBgXG4gICAgYXBwZWFyYW5jZTogbm9uZTtcbiAgICAtd2Via2l0LWFwcGVhcmFuY2U6IG5vbmU7XG4gICAgYm94LXNoYWRvdzogbm9uZTtcbiAgICBib3JkZXI6IHRyYW5zcGFyZW50O1xuICAgIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50O1xuYFxuXG5leHBvcnQgY29uc3QgdGh1bWJTdHlsZSA9IChcbiAgdGhlbWU6IFRoZW1lLFxuICB0aGVtZVNsaWRlcjogc3RyaW5nLFxuICBkaXNhYmxlZDogYm9vbGVhbixcbiAgbGVmdDogbnVtYmVyLFxuICBpc0RvdWJsZTogYm9vbGVhbixcbikgPT4gYFxuICAgICAgLXdlYmtpdC1hcHBlYXJhbmNlOiBub25lO1xuICAgICAgYXBwZWFyYW5jZTogbm9uZTtcbiAgICAgIHBvaW50ZXItZXZlbnRzOiBhbGw7XG4gICAgICB3aWR0aDogJHtUSFVNQl9TSVpFfXB4O1xuICAgICAgaGVpZ2h0OiAke1RIVU1CX1NJWkV9cHg7XG4gICAgICBiYWNrZ3JvdW5kOiAke3RoZW1lU2xpZGVyID09PSAnbGlnaHQnID8gdGhlbWUuY29sb3JzLm5ldXRyYWwuYmFja2dyb3VuZCA6IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmRTdHJvbmdlcn07XG4gICAgICBib3gtc2hhZG93OiAke3RoZW1lLnNoYWRvd3MuZml4ZWRbMF19LCAke3RoZW1lLnNoYWRvd3MuZml4ZWRbMV19O1xuICAgICAgYm9yZGVyLXJhZGl1czogJHt0aGVtZS5yYWRpaS5jaXJjbGV9O1xuICAgICAgYm9yZGVyOiBub25lO1xuICAgICAgY3Vyc29yOiAke2Rpc2FibGVkID8gJ25vdC1hbGxvd2VkJyA6ICdncmFiJ307XG4gICAgICB0cmFuc2l0aW9uOiBiYWNrZ3JvdW5kIDAuM3MgZWFzZS1pbi1vdXQ7XG5cbiAgICAgICY6aG92ZXIsIDphY3RpdmUsIDpmb2N1cyB7XG4gICAgICAgIGJvcmRlcjogJHtkaXNhYmxlZCA/IG51bGwgOiBgMS41cHggc29saWQgJHt0aGVtZS5jb2xvcnMucHJpbWFyeS5ib3JkZXJ9YH07XG4gICAgICB9XG5cbiAgICAgICY6YWN0aXZlLCA6Zm9jdXMge1xuICAgICAgICBib3gtc2hhZG93OiAke2Rpc2FibGVkID8gbnVsbCA6IHRoZW1lLnNoYWRvd3MuZm9jdXNQcmltYXJ5fTtcbiAgICAgICAgY3Vyc29yOiAke2Rpc2FibGVkID8gJ25vdC1hbGxvd2VkJyA6ICdncmFiYmluZyd9O1xuICAgICAgfVxuXG4gICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICBsZWZ0OiBjYWxjKCR7bGVmdH0lIC0gJHtUSFVNQl9TSVpFIC8gMn1weCk7XG4gICAgICB0b3A6IC0ke1RIVU1CX1NJWkUgLyAoaXNEb3VibGUgPyAyIDogNCl9cHg7XG4gIGBcbiJdfQ== */"));
27
- const trackStyle = `
28
- appearance: none;
29
- -webkit-appearance: none;
30
- box-shadow: none;
31
- border: transparent;
32
- background: transparent;
33
- `;
34
- const thumbStyle = (theme, themeSlider, disabled, left, isDouble) => `
35
- -webkit-appearance: none;
36
- appearance: none;
37
- pointer-events: all;
38
- width: ${constant.THUMB_SIZE}px;
39
- height: ${constant.THUMB_SIZE}px;
40
- background: ${themeSlider === "light" ? theme.colors.neutral.background : theme.colors.neutral.backgroundStronger};
41
- box-shadow: ${theme.shadows.fixed[0]}, ${theme.shadows.fixed[1]};
42
- border-radius: ${theme.radii.circle};
43
- border: none;
44
- cursor: ${disabled ? "not-allowed" : "grab"};
45
- transition: background 0.3s ease-in-out;
46
-
47
- &:hover, :active, :focus {
48
- border: ${disabled ? null : `1.5px solid ${theme.colors.primary.border}`};
49
- }
50
-
51
- &:active, :focus {
52
- box-shadow: ${disabled ? null : theme.shadows.focusPrimary};
53
- cursor: ${disabled ? "not-allowed" : "grabbing"};
54
- }
55
-
56
- position: absolute;
57
- left: calc(${left}% - ${constant.THUMB_SIZE / 2}px);
58
- top: -${constant.THUMB_SIZE / (isDouble ? 2 : 4)}px;
59
- `;
60
- exports.SliderContainer = SliderContainer;
61
- exports.StyledTooltip = StyledTooltip;
62
- exports.thumbStyle = thumbStyle;
63
- exports.trackStyle = trackStyle;
@@ -1,81 +0,0 @@
1
- import type { Theme } from '@emotion/react';
2
- export declare const SliderContainer: import("@emotion/styled").StyledComponent<{
3
- gap?: 0 | 7 | "0" | "1" | "0.5" | "0.25" | "1.5" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | 1 | 10 | 2 | 3 | 4 | 5 | 6 | 8 | 9 | 0.5 | 0.25 | 1.5 | Partial<Record<"large" | "medium" | "small" | "xlarge" | "xsmall" | "xxsmall", 0 | 7 | "0" | "1" | "0.5" | "0.25" | "1.5" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | 1 | 10 | 2 | 3 | 4 | 5 | 6 | 8 | 9 | 0.5 | 0.25 | 1.5>>;
4
- direction?: "column" | "column-reverse" | "row" | "row-reverse" | Partial<Record<"large" | "medium" | "small" | "xlarge" | "xsmall" | "xxsmall", "column" | "column-reverse" | "row" | "row-reverse">>;
5
- alignItems?: "normal" | "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | "baseline" | "self-end" | "self-start" | "first baseline" | "last baseline" | "safe center" | "unsafe center" | Partial<Record<"large" | "medium" | "small" | "xlarge" | "xsmall" | "xxsmall", "normal" | "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | "baseline" | "self-end" | "self-start" | "first baseline" | "last baseline" | "safe center" | "unsafe center">>;
6
- justifyContent?: "normal" | "left" | "right" | "space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | Partial<Record<"large" | "medium" | "small" | "xlarge" | "xsmall" | "xxsmall", "normal" | "left" | "right" | "space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start">>;
7
- wrap?: boolean | import("csstype").Property.FlexWrap | Partial<Record<"large" | "medium" | "small" | "xlarge" | "xsmall" | "xxsmall", boolean | import("csstype").Property.FlexWrap | undefined>> | undefined;
8
- width?: import("react").CSSProperties["width"];
9
- maxWidth?: import("react").CSSProperties["maxWidth"];
10
- minWidth?: import("react").CSSProperties["minWidth"];
11
- flex?: import("react").CSSProperties["flex"];
12
- className?: string;
13
- children: import("react").ReactNode;
14
- 'data-testid'?: string;
15
- id?: string;
16
- } & {
17
- as?: import("react").ElementType | undefined;
18
- ref?: any;
19
- } & Omit<Omit<any, "ref">, keyof {
20
- as?: E | undefined;
21
- ref?: import("react").ComponentPropsWithRef<E>["ref"] | undefined;
22
- } | keyof {
23
- gap?: 0 | 7 | "0" | "1" | "0.5" | "0.25" | "1.5" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | 1 | 10 | 2 | 3 | 4 | 5 | 6 | 8 | 9 | 0.5 | 0.25 | 1.5 | Partial<Record<"large" | "medium" | "small" | "xlarge" | "xsmall" | "xxsmall", 0 | 7 | "0" | "1" | "0.5" | "0.25" | "1.5" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | 1 | 10 | 2 | 3 | 4 | 5 | 6 | 8 | 9 | 0.5 | 0.25 | 1.5>>;
24
- direction?: "column" | "column-reverse" | "row" | "row-reverse" | Partial<Record<"large" | "medium" | "small" | "xlarge" | "xsmall" | "xxsmall", "column" | "column-reverse" | "row" | "row-reverse">>;
25
- alignItems?: "normal" | "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | "baseline" | "self-end" | "self-start" | "first baseline" | "last baseline" | "safe center" | "unsafe center" | Partial<Record<"large" | "medium" | "small" | "xlarge" | "xsmall" | "xxsmall", "normal" | "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | "baseline" | "self-end" | "self-start" | "first baseline" | "last baseline" | "safe center" | "unsafe center">>;
26
- justifyContent?: "normal" | "left" | "right" | "space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | Partial<Record<"large" | "medium" | "small" | "xlarge" | "xsmall" | "xxsmall", "normal" | "left" | "right" | "space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start">>;
27
- wrap?: boolean | import("csstype").Property.FlexWrap | Partial<Record<"large" | "medium" | "small" | "xlarge" | "xsmall" | "xxsmall", boolean | import("csstype").Property.FlexWrap | undefined>> | undefined;
28
- width?: import("react").CSSProperties["width"];
29
- maxWidth?: import("react").CSSProperties["maxWidth"];
30
- minWidth?: import("react").CSSProperties["minWidth"];
31
- flex?: import("react").CSSProperties["flex"];
32
- className?: string;
33
- children: import("react").ReactNode;
34
- 'data-testid'?: string;
35
- id?: string;
36
- }> & {
37
- theme?: Theme;
38
- } & {
39
- 'data-options': boolean;
40
- }, {}, {}>;
41
- export declare const StyledTooltip: import("@emotion/styled").StyledComponent<Pick<{
42
- id?: string;
43
- children: import("react").ReactNode | ((renderProps: {
44
- className?: string;
45
- onBlur: () => void;
46
- onFocus: () => void;
47
- onPointerEnter: () => void;
48
- onPointerLeave: () => void;
49
- ref: import("react").RefObject<HTMLDivElement | null>;
50
- }) => import("react").ReactNode);
51
- maxWidth?: number | string;
52
- placement?: import("../Popup/helpers").PopupPlacement;
53
- align?: import("../Popup/helpers").PopupAlign;
54
- text?: import("react").ReactNode;
55
- className?: string;
56
- containerFullWidth?: boolean;
57
- containerFullHeight?: boolean;
58
- visible?: boolean;
59
- innerRef?: import("react").Ref<HTMLDivElement | null>;
60
- role?: string;
61
- 'data-testid'?: string;
62
- hasArrow?: boolean;
63
- onClose?: () => void;
64
- tabIndex?: number;
65
- onKeyDown?: import("react").KeyboardEventHandler;
66
- 'aria-haspopup'?: import("react").HTMLAttributes<HTMLDivElement>["aria-haspopup"];
67
- hideOnClickOutside?: boolean;
68
- debounceDelay?: number;
69
- maxHeight?: string | number;
70
- disableAnimation?: boolean;
71
- portalTarget?: HTMLElement;
72
- dynamicDomRendering?: boolean;
73
- } & import("react").RefAttributes<HTMLDivElement>, "text" | "maxWidth" | "visible" | "className" | "children" | "data-testid" | "id" | "role" | "tabIndex" | "containerFullHeight" | "containerFullWidth" | "debounceDelay" | "portalTarget" | "innerRef"> & {
74
- placement?: Exclude<import("react").ComponentProps<typeof import("..").Popup>["placement"], "nested-menu">;
75
- } & import("react").RefAttributes<HTMLDivElement> & {
76
- theme?: Theme;
77
- } & {
78
- left: number;
79
- }, {}, {}>;
80
- export declare const trackStyle = "\n appearance: none;\n -webkit-appearance: none;\n box-shadow: none;\n border: transparent;\n background: transparent;\n";
81
- export declare const thumbStyle: (theme: Theme, themeSlider: string, disabled: boolean, left: number, isDouble: boolean) => string;
@@ -1,61 +0,0 @@
1
- import _styled from "@emotion/styled/base";
2
- import { Stack } from "../Stack/index.js";
3
- import { Tooltip } from "../Tooltip/index.js";
4
- import { THUMB_SIZE } from "./constant.js";
5
- const SliderContainer = /* @__PURE__ */ _styled(Stack, process.env.NODE_ENV === "production" ? {
6
- target: "elrd0u31"
7
- } : {
8
- target: "elrd0u31",
9
- label: "SliderContainer"
10
- })("&[data-options='true'][data-double='true']{margin-bottom:", ({
11
- theme
12
- }) => theme.space["3"], ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NsaWRlci9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBTXlFIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NsaWRlci9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IFRoZW1lIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IFN0YWNrIH0gZnJvbSAnLi4vU3RhY2snXG5pbXBvcnQgeyBUb29sdGlwIH0gZnJvbSAnLi4vVG9vbHRpcCdcbmltcG9ydCB7IFRIVU1CX1NJWkUgfSBmcm9tICcuL2NvbnN0YW50J1xuXG5leHBvcnQgY29uc3QgU2xpZGVyQ29udGFpbmVyID0gc3R5bGVkKFN0YWNrKTx7ICdkYXRhLW9wdGlvbnMnOiBib29sZWFuIH0+YFxuICAgICZbZGF0YS1vcHRpb25zPSd0cnVlJ11bZGF0YS1kb3VibGU9J3RydWUnXXtcbiAgICAgIG1hcmdpbi1ib3R0b206ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzMnXX1cbiAgICB9XG5gXG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUb29sdGlwID0gc3R5bGVkKFRvb2x0aXAsIHtcbiAgc2hvdWxkRm9yd2FyZFByb3A6IHByb3AgPT4gIVsnbGVmdCddLmluY2x1ZGVzKHByb3ApLFxufSk8eyBsZWZ0OiBudW1iZXIgfT5gXG53aWR0aDogZml0LWNvbnRlbnQ7XG5wb3NpdGlvbjogYWJzb2x1dGU7XG5sZWZ0OiAkeyh7IGxlZnQgfSkgPT4gbGVmdH1weDtcbmBcblxuZXhwb3J0IGNvbnN0IHRyYWNrU3R5bGUgPSBgXG4gICAgYXBwZWFyYW5jZTogbm9uZTtcbiAgICAtd2Via2l0LWFwcGVhcmFuY2U6IG5vbmU7XG4gICAgYm94LXNoYWRvdzogbm9uZTtcbiAgICBib3JkZXI6IHRyYW5zcGFyZW50O1xuICAgIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50O1xuYFxuXG5leHBvcnQgY29uc3QgdGh1bWJTdHlsZSA9IChcbiAgdGhlbWU6IFRoZW1lLFxuICB0aGVtZVNsaWRlcjogc3RyaW5nLFxuICBkaXNhYmxlZDogYm9vbGVhbixcbiAgbGVmdDogbnVtYmVyLFxuICBpc0RvdWJsZTogYm9vbGVhbixcbikgPT4gYFxuICAgICAgLXdlYmtpdC1hcHBlYXJhbmNlOiBub25lO1xuICAgICAgYXBwZWFyYW5jZTogbm9uZTtcbiAgICAgIHBvaW50ZXItZXZlbnRzOiBhbGw7XG4gICAgICB3aWR0aDogJHtUSFVNQl9TSVpFfXB4O1xuICAgICAgaGVpZ2h0OiAke1RIVU1CX1NJWkV9cHg7XG4gICAgICBiYWNrZ3JvdW5kOiAke3RoZW1lU2xpZGVyID09PSAnbGlnaHQnID8gdGhlbWUuY29sb3JzLm5ldXRyYWwuYmFja2dyb3VuZCA6IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmRTdHJvbmdlcn07XG4gICAgICBib3gtc2hhZG93OiAke3RoZW1lLnNoYWRvd3MuZml4ZWRbMF19LCAke3RoZW1lLnNoYWRvd3MuZml4ZWRbMV19O1xuICAgICAgYm9yZGVyLXJhZGl1czogJHt0aGVtZS5yYWRpaS5jaXJjbGV9O1xuICAgICAgYm9yZGVyOiBub25lO1xuICAgICAgY3Vyc29yOiAke2Rpc2FibGVkID8gJ25vdC1hbGxvd2VkJyA6ICdncmFiJ307XG4gICAgICB0cmFuc2l0aW9uOiBiYWNrZ3JvdW5kIDAuM3MgZWFzZS1pbi1vdXQ7XG5cbiAgICAgICY6aG92ZXIsIDphY3RpdmUsIDpmb2N1cyB7XG4gICAgICAgIGJvcmRlcjogJHtkaXNhYmxlZCA/IG51bGwgOiBgMS41cHggc29saWQgJHt0aGVtZS5jb2xvcnMucHJpbWFyeS5ib3JkZXJ9YH07XG4gICAgICB9XG5cbiAgICAgICY6YWN0aXZlLCA6Zm9jdXMge1xuICAgICAgICBib3gtc2hhZG93OiAke2Rpc2FibGVkID8gbnVsbCA6IHRoZW1lLnNoYWRvd3MuZm9jdXNQcmltYXJ5fTtcbiAgICAgICAgY3Vyc29yOiAke2Rpc2FibGVkID8gJ25vdC1hbGxvd2VkJyA6ICdncmFiYmluZyd9O1xuICAgICAgfVxuXG4gICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICBsZWZ0OiBjYWxjKCR7bGVmdH0lIC0gJHtUSFVNQl9TSVpFIC8gMn1weCk7XG4gICAgICB0b3A6IC0ke1RIVU1CX1NJWkUgLyAoaXNEb3VibGUgPyAyIDogNCl9cHg7XG4gIGBcbiJdfQ== */"));
13
- const StyledTooltip = /* @__PURE__ */ _styled(Tooltip, process.env.NODE_ENV === "production" ? {
14
- shouldForwardProp: (prop) => !["left"].includes(prop),
15
- target: "elrd0u30"
16
- } : {
17
- shouldForwardProp: (prop) => !["left"].includes(prop),
18
- target: "elrd0u30",
19
- label: "StyledTooltip"
20
- })("width:fit-content;position:absolute;left:", ({
21
- left
22
- }) => left, "px;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NsaWRlci9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBY29CIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NsaWRlci9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IFRoZW1lIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IFN0YWNrIH0gZnJvbSAnLi4vU3RhY2snXG5pbXBvcnQgeyBUb29sdGlwIH0gZnJvbSAnLi4vVG9vbHRpcCdcbmltcG9ydCB7IFRIVU1CX1NJWkUgfSBmcm9tICcuL2NvbnN0YW50J1xuXG5leHBvcnQgY29uc3QgU2xpZGVyQ29udGFpbmVyID0gc3R5bGVkKFN0YWNrKTx7ICdkYXRhLW9wdGlvbnMnOiBib29sZWFuIH0+YFxuICAgICZbZGF0YS1vcHRpb25zPSd0cnVlJ11bZGF0YS1kb3VibGU9J3RydWUnXXtcbiAgICAgIG1hcmdpbi1ib3R0b206ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzMnXX1cbiAgICB9XG5gXG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUb29sdGlwID0gc3R5bGVkKFRvb2x0aXAsIHtcbiAgc2hvdWxkRm9yd2FyZFByb3A6IHByb3AgPT4gIVsnbGVmdCddLmluY2x1ZGVzKHByb3ApLFxufSk8eyBsZWZ0OiBudW1iZXIgfT5gXG53aWR0aDogZml0LWNvbnRlbnQ7XG5wb3NpdGlvbjogYWJzb2x1dGU7XG5sZWZ0OiAkeyh7IGxlZnQgfSkgPT4gbGVmdH1weDtcbmBcblxuZXhwb3J0IGNvbnN0IHRyYWNrU3R5bGUgPSBgXG4gICAgYXBwZWFyYW5jZTogbm9uZTtcbiAgICAtd2Via2l0LWFwcGVhcmFuY2U6IG5vbmU7XG4gICAgYm94LXNoYWRvdzogbm9uZTtcbiAgICBib3JkZXI6IHRyYW5zcGFyZW50O1xuICAgIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50O1xuYFxuXG5leHBvcnQgY29uc3QgdGh1bWJTdHlsZSA9IChcbiAgdGhlbWU6IFRoZW1lLFxuICB0aGVtZVNsaWRlcjogc3RyaW5nLFxuICBkaXNhYmxlZDogYm9vbGVhbixcbiAgbGVmdDogbnVtYmVyLFxuICBpc0RvdWJsZTogYm9vbGVhbixcbikgPT4gYFxuICAgICAgLXdlYmtpdC1hcHBlYXJhbmNlOiBub25lO1xuICAgICAgYXBwZWFyYW5jZTogbm9uZTtcbiAgICAgIHBvaW50ZXItZXZlbnRzOiBhbGw7XG4gICAgICB3aWR0aDogJHtUSFVNQl9TSVpFfXB4O1xuICAgICAgaGVpZ2h0OiAke1RIVU1CX1NJWkV9cHg7XG4gICAgICBiYWNrZ3JvdW5kOiAke3RoZW1lU2xpZGVyID09PSAnbGlnaHQnID8gdGhlbWUuY29sb3JzLm5ldXRyYWwuYmFja2dyb3VuZCA6IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmRTdHJvbmdlcn07XG4gICAgICBib3gtc2hhZG93OiAke3RoZW1lLnNoYWRvd3MuZml4ZWRbMF19LCAke3RoZW1lLnNoYWRvd3MuZml4ZWRbMV19O1xuICAgICAgYm9yZGVyLXJhZGl1czogJHt0aGVtZS5yYWRpaS5jaXJjbGV9O1xuICAgICAgYm9yZGVyOiBub25lO1xuICAgICAgY3Vyc29yOiAke2Rpc2FibGVkID8gJ25vdC1hbGxvd2VkJyA6ICdncmFiJ307XG4gICAgICB0cmFuc2l0aW9uOiBiYWNrZ3JvdW5kIDAuM3MgZWFzZS1pbi1vdXQ7XG5cbiAgICAgICY6aG92ZXIsIDphY3RpdmUsIDpmb2N1cyB7XG4gICAgICAgIGJvcmRlcjogJHtkaXNhYmxlZCA/IG51bGwgOiBgMS41cHggc29saWQgJHt0aGVtZS5jb2xvcnMucHJpbWFyeS5ib3JkZXJ9YH07XG4gICAgICB9XG5cbiAgICAgICY6YWN0aXZlLCA6Zm9jdXMge1xuICAgICAgICBib3gtc2hhZG93OiAke2Rpc2FibGVkID8gbnVsbCA6IHRoZW1lLnNoYWRvd3MuZm9jdXNQcmltYXJ5fTtcbiAgICAgICAgY3Vyc29yOiAke2Rpc2FibGVkID8gJ25vdC1hbGxvd2VkJyA6ICdncmFiYmluZyd9O1xuICAgICAgfVxuXG4gICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICBsZWZ0OiBjYWxjKCR7bGVmdH0lIC0gJHtUSFVNQl9TSVpFIC8gMn1weCk7XG4gICAgICB0b3A6IC0ke1RIVU1CX1NJWkUgLyAoaXNEb3VibGUgPyAyIDogNCl9cHg7XG4gIGBcbiJdfQ== */"));
23
- const trackStyle = `
24
- appearance: none;
25
- -webkit-appearance: none;
26
- box-shadow: none;
27
- border: transparent;
28
- background: transparent;
29
- `;
30
- const thumbStyle = (theme, themeSlider, disabled, left, isDouble) => `
31
- -webkit-appearance: none;
32
- appearance: none;
33
- pointer-events: all;
34
- width: ${THUMB_SIZE}px;
35
- height: ${THUMB_SIZE}px;
36
- background: ${themeSlider === "light" ? theme.colors.neutral.background : theme.colors.neutral.backgroundStronger};
37
- box-shadow: ${theme.shadows.fixed[0]}, ${theme.shadows.fixed[1]};
38
- border-radius: ${theme.radii.circle};
39
- border: none;
40
- cursor: ${disabled ? "not-allowed" : "grab"};
41
- transition: background 0.3s ease-in-out;
42
-
43
- &:hover, :active, :focus {
44
- border: ${disabled ? null : `1.5px solid ${theme.colors.primary.border}`};
45
- }
46
-
47
- &:active, :focus {
48
- box-shadow: ${disabled ? null : theme.shadows.focusPrimary};
49
- cursor: ${disabled ? "not-allowed" : "grabbing"};
50
- }
51
-
52
- position: absolute;
53
- left: calc(${left}% - ${THUMB_SIZE / 2}px);
54
- top: -${THUMB_SIZE / (isDouble ? 2 : 4)}px;
55
- `;
56
- export {
57
- SliderContainer,
58
- StyledTooltip,
59
- thumbStyle,
60
- trackStyle
61
- };