@easypost/easy-ui 1.0.0-alpha.15 → 1.0.0-alpha.16

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 (149) hide show
  1. package/Badge/index.js +12 -12
  2. package/Badge/index.mjs +12 -12
  3. package/Banner/index.js +4 -4
  4. package/Banner/index.mjs +4 -4
  5. package/Button/index.js +18 -19
  6. package/Button/index.mjs +19 -20
  7. package/CHANGELOG.md +6 -0
  8. package/Card/index.js +9 -9
  9. package/Card/index.mjs +9 -9
  10. package/Checkbox/index.js +23 -24
  11. package/Checkbox/index.mjs +22 -23
  12. package/CodeBlock/index.js +16 -15
  13. package/CodeBlock/index.mjs +18 -17
  14. package/CodeSnippet/index.js +2 -2
  15. package/CodeSnippet/index.mjs +3 -3
  16. package/DataGrid/DataGrid.stories.d.ts +1 -0
  17. package/DataGrid/DataGrid.stories.d.ts.map +1 -1
  18. package/DataGrid/index.js +130 -130
  19. package/DataGrid/index.mjs +48 -48
  20. package/DropdownButton/index.js +13 -14
  21. package/DropdownButton/index.mjs +14 -15
  22. package/HorizontalGrid/index.js +1 -1
  23. package/HorizontalGrid/index.mjs +1 -1
  24. package/HorizontalStack/index.js +1 -1
  25. package/HorizontalStack/index.mjs +1 -1
  26. package/Icon/index.js +2 -2
  27. package/Icon/index.mjs +2 -2
  28. package/IconButton/index.js +12 -13
  29. package/IconButton/index.mjs +13 -14
  30. package/InputField/index.js +4 -5
  31. package/InputField/index.mjs +5 -6
  32. package/Menu/index.js +27 -27
  33. package/Menu/index.mjs +15 -15
  34. package/Modal/index.js +18 -19
  35. package/Modal/index.mjs +20 -21
  36. package/Notification/index.js +14 -15
  37. package/Notification/index.mjs +16 -17
  38. package/Provider/index.js +2 -3
  39. package/Provider/index.mjs +4 -5
  40. package/RadioGroup/index.js +30 -31
  41. package/RadioGroup/index.mjs +18 -19
  42. package/Select/index.js +48 -252
  43. package/Select/index.mjs +30 -234
  44. package/SelectorErrorTooltip/index.js +4 -5
  45. package/SelectorErrorTooltip/index.mjs +6 -7
  46. package/Stepper/index.js +22 -23
  47. package/Stepper/index.mjs +23 -24
  48. package/TabNav/TabNav.d.ts.map +1 -1
  49. package/TabNav/TabNavItem.d.ts +0 -1
  50. package/TabNav/TabNavItem.d.ts.map +1 -1
  51. package/TabNav/index.js +21 -202
  52. package/TabNav/index.mjs +22 -203
  53. package/TabPanels/TabPanels.d.ts +68 -0
  54. package/TabPanels/TabPanels.d.ts.map +1 -0
  55. package/TabPanels/TabPanels.stories.d.ts +14 -0
  56. package/TabPanels/TabPanels.stories.d.ts.map +1 -0
  57. package/TabPanels/TabPanels.test.d.ts +2 -0
  58. package/TabPanels/TabPanels.test.d.ts.map +1 -0
  59. package/TabPanels/TabPanelsItem.d.ts +15 -0
  60. package/TabPanels/TabPanelsItem.d.ts.map +1 -0
  61. package/TabPanels/TabPanelsPanels.d.ts +14 -0
  62. package/TabPanels/TabPanelsPanels.d.ts.map +1 -0
  63. package/TabPanels/TabPanelsTabs.d.ts +15 -0
  64. package/TabPanels/TabPanelsTabs.d.ts.map +1 -0
  65. package/TabPanels/context.d.ts +11 -0
  66. package/TabPanels/context.d.ts.map +1 -0
  67. package/TabPanels/index.d.ts +2 -0
  68. package/TabPanels/index.d.ts.map +1 -0
  69. package/TabPanels/index.js +316 -0
  70. package/TabPanels/index.mjs +316 -0
  71. package/Tabs/Edge.d.ts.map +1 -0
  72. package/Tabs/Tabs.d.ts +23 -0
  73. package/Tabs/Tabs.d.ts.map +1 -0
  74. package/Tabs/TabsItem.d.ts +13 -0
  75. package/Tabs/TabsItem.d.ts.map +1 -0
  76. package/Tabs/context.d.ts +8 -0
  77. package/Tabs/context.d.ts.map +1 -0
  78. package/Tabs/index.d.ts +2 -0
  79. package/Tabs/index.d.ts.map +1 -0
  80. package/Tabs/index.js +253 -0
  81. package/Tabs/index.mjs +253 -0
  82. package/Tabs/useIndicatorSizing.d.ts +11 -0
  83. package/Tabs/useIndicatorSizing.d.ts.map +1 -0
  84. package/{TabNav → Tabs}/useScrollIntoViewIfNeeded.d.ts +2 -2
  85. package/Tabs/useScrollIntoViewIfNeeded.d.ts.map +1 -0
  86. package/Tabs/useScrollbar.d.ts.map +1 -0
  87. package/{TabNav → Tabs}/util.d.ts +1 -1
  88. package/Tabs/util.d.ts.map +1 -0
  89. package/Text/index.js +27 -27
  90. package/Text/index.mjs +27 -27
  91. package/TextField/index.js +3 -4
  92. package/TextField/index.mjs +5 -6
  93. package/Textarea/index.js +3 -4
  94. package/Textarea/index.mjs +5 -6
  95. package/Toggle/index.js +15 -16
  96. package/Toggle/index.mjs +13 -14
  97. package/Tooltip/index.js +3 -4
  98. package/Tooltip/index.mjs +5 -6
  99. package/UnstyledButton/index.js +2 -3
  100. package/UnstyledButton/index.mjs +3 -4
  101. package/VerticalStack/index.js +3 -3
  102. package/VerticalStack/index.mjs +3 -3
  103. package/__chunks__/{InputIcon-ada021c5.mjs → InputIcon-2de8a671.mjs} +24 -24
  104. package/__chunks__/{InputIcon-442c9f1f.js → InputIcon-4089e19c.js} +24 -24
  105. package/__chunks__/{import-3ef63340.mjs → import-00615f54.mjs} +24 -24
  106. package/__chunks__/{useTriggerWidth-1b880b2a.mjs → import-176410f1.mjs} +19 -587
  107. package/__chunks__/{import-b5873137.mjs → import-268f0c69.mjs} +3 -4
  108. package/__chunks__/{import-bf245436.mjs → import-5456be1a.mjs} +1 -1
  109. package/__chunks__/{import-672fba1e.js → import-60f7a5ff.js} +8 -9
  110. package/__chunks__/{import-bbdc411a.js → import-88624f6c.js} +731 -2
  111. package/__chunks__/import-ad0f026e.js +230 -0
  112. package/__chunks__/{useTriggerWidth-f2a66aab.js → import-b7541df6.js} +8 -576
  113. package/__chunks__/import-c3cee1fb.mjs +231 -0
  114. package/__chunks__/{import-e4d27518.mjs → import-d11b875e.mjs} +740 -11
  115. package/__chunks__/{import-d9a534b7.js → import-dfb2022c.js} +9 -10
  116. package/__chunks__/{import-831d9dbb.mjs → import-ed8e5c6f.mjs} +2 -3
  117. package/__chunks__/{index-c86ae352.mjs → index-10b01d18.mjs} +2 -3
  118. package/__chunks__/{index-e2b407f2.mjs → index-16ec6896.mjs} +4 -4
  119. package/__chunks__/{index-321c3f36.js → index-5f89d0b3.js} +13 -14
  120. package/__chunks__/{index-34085c5a.js → index-696b4631.js} +3 -3
  121. package/__chunks__/index-7e640fc5.js +307 -0
  122. package/__chunks__/{index-a9106961.js → index-9746883d.js} +7 -8
  123. package/__chunks__/{index-a9dc653d.mjs → index-dece7db7.mjs} +10 -11
  124. package/__chunks__/index-e5f5282f.mjs +308 -0
  125. package/__chunks__/{overlayscrollbars-react.es-c3074b27.mjs → overlayscrollbars-react.es-45e78d8a.mjs} +57 -65
  126. package/__chunks__/{overlayscrollbars-react.es-24dbf87a.js → overlayscrollbars-react.es-46517130.js} +56 -64
  127. package/__chunks__/{real-module-02e39e82.mjs → real-module-0cb611b7.mjs} +3 -3
  128. package/__chunks__/{useEdgeInterceptors-d9454909.js → useEdgeInterceptors-187de104.js} +5 -5
  129. package/__chunks__/{useEdgeInterceptors-4b57dbe8.mjs → useEdgeInterceptors-4ccee142.mjs} +5 -5
  130. package/__chunks__/useTriggerWidth-5dce574e.js +592 -0
  131. package/__chunks__/useTriggerWidth-e0db6ff6.mjs +593 -0
  132. package/package.json +3 -3
  133. package/style.css +679 -660
  134. package/utilities/react.js +3 -307
  135. package/utilities/react.mjs +1 -305
  136. package/utilities/useScrollbar.js +2 -2
  137. package/utilities/useScrollbar.mjs +2 -2
  138. package/TabNav/Edge.d.ts.map +0 -1
  139. package/TabNav/context.d.ts +0 -8
  140. package/TabNav/context.d.ts.map +0 -1
  141. package/TabNav/useIndicatorSizing.d.ts +0 -11
  142. package/TabNav/useIndicatorSizing.d.ts.map +0 -1
  143. package/TabNav/useScrollIntoViewIfNeeded.d.ts.map +0 -1
  144. package/TabNav/useScrollbar.d.ts.map +0 -1
  145. package/TabNav/util.d.ts.map +0 -1
  146. package/__chunks__/import-6c2c7765.mjs +0 -766
  147. package/__chunks__/import-aceaecf7.js +0 -765
  148. /package/{TabNav → Tabs}/Edge.d.ts +0 -0
  149. /package/{TabNav → Tabs}/useScrollbar.d.ts +0 -0
package/Badge/index.js CHANGED
@@ -4,18 +4,18 @@ const React = require("react");
4
4
  const Icon_index = require("../Icon/index.js");
5
5
  const Text_index = require("../Text/index.js");
6
6
  const utilities_css = require("../utilities/css.js");
7
- const root = "_root_7qin0_5";
8
- const primary = "_primary_7qin0_16";
9
- const secondary = "_secondary_7qin0_17";
10
- const text = "_text_7qin0_32";
11
- const variantPrimary = "_variantPrimary_7qin0_37";
12
- const variantSecondary = "_variantSecondary_7qin0_44";
13
- const variantBlack = "_variantBlack_7qin0_51";
14
- const variantInverse = "_variantInverse_7qin0_58";
15
- const variantGray = "_variantGray_7qin0_65";
16
- const variantSuccess = "_variantSuccess_7qin0_72";
17
- const variantWarning = "_variantWarning_7qin0_79";
18
- const variantDanger = "_variantDanger_7qin0_86";
7
+ const root = "_root_22or3_5";
8
+ const primary = "_primary_22or3_16";
9
+ const secondary = "_secondary_22or3_17";
10
+ const text = "_text_22or3_32";
11
+ const variantPrimary = "_variantPrimary_22or3_37";
12
+ const variantSecondary = "_variantSecondary_22or3_44";
13
+ const variantBlack = "_variantBlack_22or3_51";
14
+ const variantInverse = "_variantInverse_22or3_58";
15
+ const variantGray = "_variantGray_22or3_65";
16
+ const variantSuccess = "_variantSuccess_22or3_72";
17
+ const variantWarning = "_variantWarning_22or3_79";
18
+ const variantDanger = "_variantDanger_22or3_86";
19
19
  const styles = {
20
20
  root,
21
21
  primary,
package/Badge/index.mjs CHANGED
@@ -2,18 +2,18 @@ import React__default from "react";
2
2
  import { Icon } from "../Icon/index.mjs";
3
3
  import { Text } from "../Text/index.mjs";
4
4
  import { classNames, variationName } from "../utilities/css.mjs";
5
- const root = "_root_7qin0_5";
6
- const primary = "_primary_7qin0_16";
7
- const secondary = "_secondary_7qin0_17";
8
- const text = "_text_7qin0_32";
9
- const variantPrimary = "_variantPrimary_7qin0_37";
10
- const variantSecondary = "_variantSecondary_7qin0_44";
11
- const variantBlack = "_variantBlack_7qin0_51";
12
- const variantInverse = "_variantInverse_7qin0_58";
13
- const variantGray = "_variantGray_7qin0_65";
14
- const variantSuccess = "_variantSuccess_7qin0_72";
15
- const variantWarning = "_variantWarning_7qin0_79";
16
- const variantDanger = "_variantDanger_7qin0_86";
5
+ const root = "_root_22or3_5";
6
+ const primary = "_primary_22or3_16";
7
+ const secondary = "_secondary_22or3_17";
8
+ const text = "_text_22or3_32";
9
+ const variantPrimary = "_variantPrimary_22or3_37";
10
+ const variantSecondary = "_variantSecondary_22or3_44";
11
+ const variantBlack = "_variantBlack_22or3_51";
12
+ const variantInverse = "_variantInverse_22or3_58";
13
+ const variantGray = "_variantGray_22or3_65";
14
+ const variantSuccess = "_variantSuccess_22or3_72";
15
+ const variantWarning = "_variantWarning_22or3_79";
16
+ const variantDanger = "_variantDanger_22or3_86";
17
17
  const styles = {
18
18
  root,
19
19
  primary,
package/Banner/index.js CHANGED
@@ -3,10 +3,10 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
3
  const React = require("react");
4
4
  const Text_index = require("../Text/index.js");
5
5
  const utilities_css = require("../utilities/css.js");
6
- const colorSuccess = "_colorSuccess_lqedb_5";
7
- const colorPrimary = "_colorPrimary_lqedb_10";
8
- const colorNeutral = "_colorNeutral_lqedb_11";
9
- const Banner$1 = "_Banner_lqedb_23";
6
+ const colorSuccess = "_colorSuccess_1om6e_5";
7
+ const colorPrimary = "_colorPrimary_1om6e_10";
8
+ const colorNeutral = "_colorNeutral_1om6e_11";
9
+ const Banner$1 = "_Banner_1om6e_23";
10
10
  const styles = {
11
11
  colorSuccess,
12
12
  colorPrimary,
package/Banner/index.mjs CHANGED
@@ -1,10 +1,10 @@
1
1
  import React__default from "react";
2
2
  import { Text } from "../Text/index.mjs";
3
3
  import { classNames, variationName } from "../utilities/css.mjs";
4
- const colorSuccess = "_colorSuccess_lqedb_5";
5
- const colorPrimary = "_colorPrimary_lqedb_10";
6
- const colorNeutral = "_colorNeutral_lqedb_11";
7
- const Banner$1 = "_Banner_lqedb_23";
4
+ const colorSuccess = "_colorSuccess_1om6e_5";
5
+ const colorPrimary = "_colorPrimary_1om6e_10";
6
+ const colorNeutral = "_colorNeutral_1om6e_11";
7
+ const Banner$1 = "_Banner_1om6e_23";
8
8
  const styles = {
9
9
  colorSuccess,
10
10
  colorPrimary,
package/Button/index.js CHANGED
@@ -29,29 +29,28 @@ var __objRest = (source, exclude) => {
29
29
  };
30
30
  Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
31
31
  const React = require("react");
32
- const UnstyledButton_index = require("../__chunks__/index-a9106961.js");
32
+ const UnstyledButton_index = require("../__chunks__/index-9746883d.js");
33
33
  const Icon_index = require("../Icon/index.js");
34
34
  const utilities_css = require("../utilities/css.js");
35
35
  require("../__chunks__/import-22a3cd0c.js");
36
36
  require("../__chunks__/omit-0b319b4e.js");
37
- require("../__chunks__/import-aceaecf7.js");
38
- require("../__chunks__/import-bbdc411a.js");
39
- const Button$1 = "_Button_uift6_5";
40
- const colorPrimary = "_colorPrimary_uift6_20";
41
- const colorSecondary = "_colorSecondary_uift6_28";
42
- const colorSuccess = "_colorSuccess_uift6_36";
43
- const colorWarning = "_colorWarning_uift6_44";
44
- const colorNeutral = "_colorNeutral_uift6_52";
45
- const colorSupport = "_colorSupport_uift6_60";
46
- const colorInverse = "_colorInverse_uift6_66";
47
- const variantFilled = "_variantFilled_uift6_72";
48
- const variantOutlined = "_variantOutlined_uift6_100";
49
- const variantLink = "_variantLink_uift6_128";
50
- const sizeMd = "_sizeMd_uift6_152";
51
- const sizeSm = "_sizeSm_uift6_160";
52
- const block = "_block_uift6_177";
53
- const iconAtStart = "_iconAtStart_uift6_182";
54
- const iconAtEnd = "_iconAtEnd_uift6_186";
37
+ require("../__chunks__/import-88624f6c.js");
38
+ const Button$1 = "_Button_oulx9_5";
39
+ const colorPrimary = "_colorPrimary_oulx9_20";
40
+ const colorSecondary = "_colorSecondary_oulx9_28";
41
+ const colorSuccess = "_colorSuccess_oulx9_36";
42
+ const colorWarning = "_colorWarning_oulx9_44";
43
+ const colorNeutral = "_colorNeutral_oulx9_52";
44
+ const colorSupport = "_colorSupport_oulx9_60";
45
+ const colorInverse = "_colorInverse_oulx9_66";
46
+ const variantFilled = "_variantFilled_oulx9_72";
47
+ const variantOutlined = "_variantOutlined_oulx9_100";
48
+ const variantLink = "_variantLink_oulx9_128";
49
+ const sizeMd = "_sizeMd_oulx9_152";
50
+ const sizeSm = "_sizeSm_oulx9_160";
51
+ const block = "_block_oulx9_177";
52
+ const iconAtStart = "_iconAtStart_oulx9_182";
53
+ const iconAtEnd = "_iconAtEnd_oulx9_186";
55
54
  const styles = {
56
55
  Button: Button$1,
57
56
  colorPrimary,
package/Button/index.mjs CHANGED
@@ -27,29 +27,28 @@ var __objRest = (source, exclude) => {
27
27
  return target;
28
28
  };
29
29
  import React__default, { forwardRef } from "react";
30
- import { l as logWarningIfInvalidColorVariantCombination, U as UnstyledButton } from "../__chunks__/index-c86ae352.mjs";
30
+ import { l as logWarningIfInvalidColorVariantCombination, U as UnstyledButton } from "../__chunks__/index-10b01d18.mjs";
31
31
  import { Icon } from "../Icon/index.mjs";
32
32
  import { classNames, variationName } from "../utilities/css.mjs";
33
- import "../__chunks__/import-3ef63340.mjs";
33
+ import "../__chunks__/import-00615f54.mjs";
34
34
  import "../__chunks__/omit-fed2d9ac.mjs";
35
- import "../__chunks__/import-6c2c7765.mjs";
36
- import "../__chunks__/import-e4d27518.mjs";
37
- const Button$1 = "_Button_uift6_5";
38
- const colorPrimary = "_colorPrimary_uift6_20";
39
- const colorSecondary = "_colorSecondary_uift6_28";
40
- const colorSuccess = "_colorSuccess_uift6_36";
41
- const colorWarning = "_colorWarning_uift6_44";
42
- const colorNeutral = "_colorNeutral_uift6_52";
43
- const colorSupport = "_colorSupport_uift6_60";
44
- const colorInverse = "_colorInverse_uift6_66";
45
- const variantFilled = "_variantFilled_uift6_72";
46
- const variantOutlined = "_variantOutlined_uift6_100";
47
- const variantLink = "_variantLink_uift6_128";
48
- const sizeMd = "_sizeMd_uift6_152";
49
- const sizeSm = "_sizeSm_uift6_160";
50
- const block = "_block_uift6_177";
51
- const iconAtStart = "_iconAtStart_uift6_182";
52
- const iconAtEnd = "_iconAtEnd_uift6_186";
35
+ import "../__chunks__/import-d11b875e.mjs";
36
+ const Button$1 = "_Button_oulx9_5";
37
+ const colorPrimary = "_colorPrimary_oulx9_20";
38
+ const colorSecondary = "_colorSecondary_oulx9_28";
39
+ const colorSuccess = "_colorSuccess_oulx9_36";
40
+ const colorWarning = "_colorWarning_oulx9_44";
41
+ const colorNeutral = "_colorNeutral_oulx9_52";
42
+ const colorSupport = "_colorSupport_oulx9_60";
43
+ const colorInverse = "_colorInverse_oulx9_66";
44
+ const variantFilled = "_variantFilled_oulx9_72";
45
+ const variantOutlined = "_variantOutlined_oulx9_100";
46
+ const variantLink = "_variantLink_oulx9_128";
47
+ const sizeMd = "_sizeMd_oulx9_152";
48
+ const sizeSm = "_sizeSm_oulx9_160";
49
+ const block = "_block_oulx9_177";
50
+ const iconAtStart = "_iconAtStart_oulx9_182";
51
+ const iconAtEnd = "_iconAtEnd_oulx9_186";
53
52
  const styles = {
54
53
  Button: Button$1,
55
54
  colorPrimary,
package/CHANGELOG.md CHANGED
@@ -1,5 +1,11 @@
1
1
  # @easypost/easy-ui
2
2
 
3
+ ## 1.0.0-alpha.16
4
+
5
+ ### Minor Changes
6
+
7
+ - ed0e488: Create `<TabPanels />` component
8
+
3
9
  ## 1.0.0-alpha.15
4
10
 
5
11
  ### Minor Changes
package/Card/index.js CHANGED
@@ -31,15 +31,15 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
31
31
  const omit = require("../__chunks__/omit-0b319b4e.js");
32
32
  const React = require("react");
33
33
  const utilities_css = require("../utilities/css.js");
34
- const container = "_container_i772r_5";
35
- const area = "_area_i772r_23";
36
- const variantOutlined = "_variantOutlined_i772r_65";
37
- const variantFlagged = "_variantFlagged_i772r_66";
38
- const selected = "_selected_i772r_78";
39
- const disabled = "_disabled_i772r_82";
40
- const statusDanger = "_statusDanger_i772r_86";
41
- const statusWarning = "_statusWarning_i772r_90";
42
- const statusSuccess = "_statusSuccess_i772r_94";
34
+ const container = "_container_1ez80_5";
35
+ const area = "_area_1ez80_23";
36
+ const variantOutlined = "_variantOutlined_1ez80_65";
37
+ const variantFlagged = "_variantFlagged_1ez80_66";
38
+ const selected = "_selected_1ez80_78";
39
+ const disabled = "_disabled_1ez80_82";
40
+ const statusDanger = "_statusDanger_1ez80_86";
41
+ const statusWarning = "_statusWarning_1ez80_90";
42
+ const statusSuccess = "_statusSuccess_1ez80_94";
43
43
  const styles = {
44
44
  container,
45
45
  area,
package/Card/index.mjs CHANGED
@@ -29,15 +29,15 @@ var __objRest = (source, exclude) => {
29
29
  import { o as omit } from "../__chunks__/omit-fed2d9ac.mjs";
30
30
  import React__default from "react";
31
31
  import { classNames, variationName, getComponentThemeToken, getResponsiveDesignToken } from "../utilities/css.mjs";
32
- const container = "_container_i772r_5";
33
- const area = "_area_i772r_23";
34
- const variantOutlined = "_variantOutlined_i772r_65";
35
- const variantFlagged = "_variantFlagged_i772r_66";
36
- const selected = "_selected_i772r_78";
37
- const disabled = "_disabled_i772r_82";
38
- const statusDanger = "_statusDanger_i772r_86";
39
- const statusWarning = "_statusWarning_i772r_90";
40
- const statusSuccess = "_statusSuccess_i772r_94";
32
+ const container = "_container_1ez80_5";
33
+ const area = "_area_1ez80_23";
34
+ const variantOutlined = "_variantOutlined_1ez80_65";
35
+ const variantFlagged = "_variantFlagged_1ez80_66";
36
+ const selected = "_selected_1ez80_78";
37
+ const disabled = "_disabled_1ez80_82";
38
+ const statusDanger = "_statusDanger_1ez80_86";
39
+ const statusWarning = "_statusWarning_1ez80_90";
40
+ const statusSuccess = "_statusSuccess_1ez80_94";
41
41
  const styles = {
42
42
  container,
43
43
  area,
package/Checkbox/index.js CHANGED
@@ -24,12 +24,11 @@ const Icon_index = require("../Icon/index.js");
24
24
  const SelectorErrorTooltip_index = require("../SelectorErrorTooltip/index.js");
25
25
  const Text_index = require("../Text/index.js");
26
26
  const utilities_css = require("../utilities/css.js");
27
- const _import = require("../__chunks__/import-d9a534b7.js");
28
- const _import$1 = require("../__chunks__/import-aceaecf7.js");
29
- const _import$2 = require("../__chunks__/import-bbdc411a.js");
30
- const _import$3 = require("../__chunks__/import-22a3cd0c.js");
31
- require("../__chunks__/index-321c3f36.js");
32
- require("../__chunks__/import-672fba1e.js");
27
+ const _import = require("../__chunks__/import-dfb2022c.js");
28
+ const _import$1 = require("../__chunks__/import-88624f6c.js");
29
+ const _import$2 = require("../__chunks__/import-22a3cd0c.js");
30
+ require("../__chunks__/index-5f89d0b3.js");
31
+ require("../__chunks__/import-60f7a5ff.js");
33
32
  require("react-dom");
34
33
  require("../__chunks__/import-dea5a24d.js");
35
34
  require("../__chunks__/real-module-1573a8bf.js");
@@ -158,22 +157,22 @@ const Remove600 = (_a) => {
158
157
  d: "M185.869-440.391v-79.218h588.827v79.218H185.869Z"
159
158
  }));
160
159
  };
161
- const Checkbox$1 = "_Checkbox_u37j4_5";
162
- const label = "_label_u37j4_17";
163
- const box = "_box_u37j4_41";
164
- const check = "_check_u37j4_42";
165
- const focusVisible = "_focusVisible_u37j4_57";
166
- const text = "_text_u37j4_73";
167
- const indeterminateSvg = "_indeterminateSvg_u37j4_78";
168
- const nested = "_nested_u37j4_82";
169
- const sizeLg = "_sizeLg_u37j4_86";
170
- const standalone = "_standalone_u37j4_91";
171
- const invalid = "_invalid_u37j4_96";
172
- const disabled = "_disabled_u37j4_100";
173
- const indeterminate = "_indeterminate_u37j4_78";
174
- const selected = "_selected_u37j4_105";
175
- const hovered = "_hovered_u37j4_121";
176
- const readOnly = "_readOnly_u37j4_121";
160
+ const Checkbox$1 = "_Checkbox_1bcm7_5";
161
+ const label = "_label_1bcm7_17";
162
+ const box = "_box_1bcm7_41";
163
+ const check = "_check_1bcm7_42";
164
+ const focusVisible = "_focusVisible_1bcm7_57";
165
+ const text = "_text_1bcm7_73";
166
+ const indeterminateSvg = "_indeterminateSvg_1bcm7_78";
167
+ const nested = "_nested_1bcm7_82";
168
+ const sizeLg = "_sizeLg_1bcm7_86";
169
+ const standalone = "_standalone_1bcm7_91";
170
+ const invalid = "_invalid_1bcm7_96";
171
+ const disabled = "_disabled_1bcm7_100";
172
+ const indeterminate = "_indeterminate_1bcm7_78";
173
+ const selected = "_selected_1bcm7_105";
174
+ const hovered = "_hovered_1bcm7_121";
175
+ const readOnly = "_readOnly_1bcm7_121";
177
176
  const styles = {
178
177
  Checkbox: Checkbox$1,
179
178
  label,
@@ -199,7 +198,7 @@ function Checkbox(props) {
199
198
  const state = _import.$3017fa7ffdddec74$export$8042c6c013fd5226(props);
200
199
  const { inputProps: inputPropsFromAria } = $406796ff087fe49b$export$e375f10ce42261c5(props, state, ref);
201
200
  const { isFocusVisible, focusProps } = _import$1.$f7dceffc5ad7768b$export$4e328f61c538687f();
202
- const { isHovered, hoverProps } = _import$2.$6179b936705e76d3$export$ae780daf29e6d456(props);
201
+ const { isHovered, hoverProps } = _import$1.$6179b936705e76d3$export$ae780daf29e6d456(props);
203
202
  const isSelected = state.isSelected && !isIndeterminate;
204
203
  const className = utilities_css.classNames(styles.Checkbox, isIndeterminate && styles.indeterminate, isSelected && styles.selected, isDisabled && styles.disabled, isReadOnly && styles.readOnly, isNested && styles.nested, isFocusVisible && styles.focusVisible, isHovered && styles.hovered, styles[utilities_css.variationName("size", size)], validationState === "invalid" && styles.invalid, !children && styles.standalone);
205
204
  const textVariant = size === "lg" ? "subtitle1" : isNested ? "body2" : "body1";
@@ -209,7 +208,7 @@ function Checkbox(props) {
209
208
  }
210
209
  const RootComponent = children ? "label" : "span";
211
210
  const rootProps = children ? hoverProps : {};
212
- const inputProps = children ? _import$3.$3ef42575df84b30b$export$9d1611c77c2fe928(inputPropsFromAria, focusProps) : _import$3.$3ef42575df84b30b$export$9d1611c77c2fe928(inputPropsFromAria, focusProps, hoverProps);
211
+ const inputProps = children ? _import$2.$3ef42575df84b30b$export$9d1611c77c2fe928(inputPropsFromAria, focusProps) : _import$2.$3ef42575df84b30b$export$9d1611c77c2fe928(inputPropsFromAria, focusProps, hoverProps);
213
212
  return React.createElement("span", {
214
213
  className
215
214
  }, React.createElement(RootComponent, __spreadValues({
@@ -23,15 +23,14 @@ import { Icon } from "../Icon/index.mjs";
23
23
  import { SelectorErrorTooltip } from "../SelectorErrorTooltip/index.mjs";
24
24
  import { Text } from "../Text/index.mjs";
25
25
  import { classNames, variationName } from "../utilities/css.mjs";
26
- import { $ as $d2c8e2b0480f3f34$export$cbe85ee05b554577, a as $3017fa7ffdddec74$export$8042c6c013fd5226 } from "../__chunks__/import-831d9dbb.mjs";
27
- import { c as $f7dceffc5ad7768b$export$4e328f61c538687f } from "../__chunks__/import-6c2c7765.mjs";
28
- import { i as $6179b936705e76d3$export$ae780daf29e6d456 } from "../__chunks__/import-e4d27518.mjs";
29
- import { a as $3ef42575df84b30b$export$9d1611c77c2fe928 } from "../__chunks__/import-3ef63340.mjs";
30
- import "../__chunks__/index-a9dc653d.mjs";
31
- import "../__chunks__/import-b5873137.mjs";
26
+ import { $ as $d2c8e2b0480f3f34$export$cbe85ee05b554577, a as $3017fa7ffdddec74$export$8042c6c013fd5226 } from "../__chunks__/import-ed8e5c6f.mjs";
27
+ import { k as $f7dceffc5ad7768b$export$4e328f61c538687f, l as $6179b936705e76d3$export$ae780daf29e6d456 } from "../__chunks__/import-d11b875e.mjs";
28
+ import { a as $3ef42575df84b30b$export$9d1611c77c2fe928 } from "../__chunks__/import-00615f54.mjs";
29
+ import "../__chunks__/index-dece7db7.mjs";
30
+ import "../__chunks__/import-268f0c69.mjs";
32
31
  import "react-dom";
33
32
  import "../__chunks__/import-6a831ca1.mjs";
34
- import "../__chunks__/real-module-02e39e82.mjs";
33
+ import "../__chunks__/real-module-0cb611b7.mjs";
35
34
  function $406796ff087fe49b$export$e375f10ce42261c5(props, state, inputRef) {
36
35
  let { inputProps, isSelected, isPressed, isDisabled, isReadOnly, isInvalid } = $d2c8e2b0480f3f34$export$cbe85ee05b554577(props, state, inputRef);
37
36
  let { isIndeterminate } = props;
@@ -140,22 +139,22 @@ const Remove600 = (_a) => {
140
139
  d: "M185.869-440.391v-79.218h588.827v79.218H185.869Z"
141
140
  }));
142
141
  };
143
- const Checkbox$1 = "_Checkbox_u37j4_5";
144
- const label = "_label_u37j4_17";
145
- const box = "_box_u37j4_41";
146
- const check = "_check_u37j4_42";
147
- const focusVisible = "_focusVisible_u37j4_57";
148
- const text = "_text_u37j4_73";
149
- const indeterminateSvg = "_indeterminateSvg_u37j4_78";
150
- const nested = "_nested_u37j4_82";
151
- const sizeLg = "_sizeLg_u37j4_86";
152
- const standalone = "_standalone_u37j4_91";
153
- const invalid = "_invalid_u37j4_96";
154
- const disabled = "_disabled_u37j4_100";
155
- const indeterminate = "_indeterminate_u37j4_78";
156
- const selected = "_selected_u37j4_105";
157
- const hovered = "_hovered_u37j4_121";
158
- const readOnly = "_readOnly_u37j4_121";
142
+ const Checkbox$1 = "_Checkbox_1bcm7_5";
143
+ const label = "_label_1bcm7_17";
144
+ const box = "_box_1bcm7_41";
145
+ const check = "_check_1bcm7_42";
146
+ const focusVisible = "_focusVisible_1bcm7_57";
147
+ const text = "_text_1bcm7_73";
148
+ const indeterminateSvg = "_indeterminateSvg_1bcm7_78";
149
+ const nested = "_nested_1bcm7_82";
150
+ const sizeLg = "_sizeLg_1bcm7_86";
151
+ const standalone = "_standalone_1bcm7_91";
152
+ const invalid = "_invalid_1bcm7_96";
153
+ const disabled = "_disabled_1bcm7_100";
154
+ const indeterminate = "_indeterminate_1bcm7_78";
155
+ const selected = "_selected_1bcm7_105";
156
+ const hovered = "_hovered_1bcm7_121";
157
+ const readOnly = "_readOnly_1bcm7_121";
159
158
  const styles = {
160
159
  Checkbox: Checkbox$1,
161
160
  label,
@@ -17,28 +17,29 @@ var __spreadValues = (a, b) => {
17
17
  };
18
18
  Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
19
19
  const React = require("react");
20
- const CodeSnippet_index = require("../__chunks__/index-34085c5a.js");
20
+ const CodeSnippet_index = require("../__chunks__/index-696b4631.js");
21
21
  const HorizontalStack_index = require("../HorizontalStack/index.js");
22
22
  const Text_index = require("../Text/index.js");
23
23
  const utilities_css = require("../utilities/css.js");
24
24
  const utilities_react = require("../utilities/react.js");
25
25
  const omit = require("../__chunks__/omit-0b319b4e.js");
26
26
  const Icon_index = require("../Icon/index.js");
27
- const Tooltip_index = require("../__chunks__/index-321c3f36.js");
28
- const _import = require("../__chunks__/import-bbdc411a.js");
27
+ const Tooltip_index = require("../__chunks__/index-5f89d0b3.js");
28
+ const _import = require("../__chunks__/import-88624f6c.js");
29
29
  const _import$1 = require("../__chunks__/import-22a3cd0c.js");
30
30
  const ExpandMore400 = require("../__chunks__/ExpandMore400-92646971.js");
31
31
  const Menu_index = require("../Menu/index.js");
32
- const UnstyledButton_index = require("../__chunks__/index-a9106961.js");
32
+ const UnstyledButton_index = require("../__chunks__/index-9746883d.js");
33
33
  require("../Card/index.js");
34
34
  require("../__chunks__/tokens-615eb83e.js");
35
- require("../__chunks__/overlayscrollbars-react.es-24dbf87a.js");
36
- require("../__chunks__/import-672fba1e.js");
37
- require("../__chunks__/import-aceaecf7.js");
35
+ require("../__chunks__/overlayscrollbars-react.es-46517130.js");
36
+ require("../__chunks__/index-7e640fc5.js");
37
+ require("../__chunks__/import-60f7a5ff.js");
38
38
  require("react-dom");
39
39
  require("../__chunks__/import-dea5a24d.js");
40
40
  require("../__chunks__/real-module-1573a8bf.js");
41
- require("../__chunks__/useTriggerWidth-f2a66aab.js");
41
+ require("../__chunks__/import-b7541df6.js");
42
+ require("../__chunks__/useTriggerWidth-5dce574e.js");
42
43
  require("../utilities/useScrollbar.js");
43
44
  function _interopNamespaceDefault(e) {
44
45
  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
@@ -216,7 +217,7 @@ function useClipboard(options) {
216
217
  };
217
218
  }
218
219
  useClipboard_1 = dist.useClipboard = useClipboard;
219
- const CopyButton$1 = "_CopyButton_12iza_5";
220
+ const CopyButton$1 = "_CopyButton_1w7lo_5";
220
221
  const styles$2 = {
221
222
  CopyButton: CopyButton$1
222
223
  };
@@ -261,7 +262,7 @@ function useCopyButtonTooltipState() {
261
262
  tooltipState
262
263
  };
263
264
  }
264
- const button = "_button_om2nu_5";
265
+ const button = "_button_pja7p_5";
265
266
  const styles$1 = {
266
267
  button
267
268
  };
@@ -288,11 +289,11 @@ function LanguageMenu(props) {
288
289
  key: language2
289
290
  }, CodeSnippet_index.friendlySnippetLanguageNames[language2]))));
290
291
  }
291
- const CodeBlock$1 = "_CodeBlock_1we55_5";
292
- const header = "_header_1we55_13";
293
- const divider = "_divider_1we55_20";
294
- const colorPrimary = "_colorPrimary_1we55_27";
295
- const colorSecondary = "_colorSecondary_1we55_32";
292
+ const CodeBlock$1 = "_CodeBlock_18t0r_5";
293
+ const header = "_header_18t0r_13";
294
+ const divider = "_divider_18t0r_20";
295
+ const colorPrimary = "_colorPrimary_18t0r_27";
296
+ const colorSecondary = "_colorSecondary_18t0r_32";
296
297
  const styles = {
297
298
  CodeBlock: CodeBlock$1,
298
299
  header,
@@ -16,28 +16,29 @@ var __spreadValues = (a, b) => {
16
16
  };
17
17
  import * as React from "react";
18
18
  import React__default, { useCallback, useMemo } from "react";
19
- import { f as friendlySnippetLanguageNames, C as CodeBlockContext, u as useCodeBlock, a as CodeSnippet } from "../__chunks__/index-e2b407f2.mjs";
19
+ import { f as friendlySnippetLanguageNames, C as CodeBlockContext, u as useCodeBlock, a as CodeSnippet } from "../__chunks__/index-16ec6896.mjs";
20
20
  import { HorizontalStack } from "../HorizontalStack/index.mjs";
21
21
  import { Text } from "../Text/index.mjs";
22
22
  import { classNames, variationName } from "../utilities/css.mjs";
23
23
  import { filterChildrenByDisplayName } from "../utilities/react.mjs";
24
24
  import { c as commonjsGlobal } from "../__chunks__/omit-fed2d9ac.mjs";
25
25
  import { Icon } from "../Icon/index.mjs";
26
- import { T as Tooltip, $ as $8796f90736e175cb$export$4d40659c25ecb50b } from "../__chunks__/index-a9dc653d.mjs";
27
- import { i as $6179b936705e76d3$export$ae780daf29e6d456, b as $a1ea59d68270f0dd$export$f8168d8dd8fd66e6 } from "../__chunks__/import-e4d27518.mjs";
28
- import { a as $3ef42575df84b30b$export$9d1611c77c2fe928 } from "../__chunks__/import-3ef63340.mjs";
26
+ import { T as Tooltip, $ as $8796f90736e175cb$export$4d40659c25ecb50b } from "../__chunks__/index-dece7db7.mjs";
27
+ import { l as $6179b936705e76d3$export$ae780daf29e6d456, r as $a1ea59d68270f0dd$export$f8168d8dd8fd66e6 } from "../__chunks__/import-d11b875e.mjs";
28
+ import { a as $3ef42575df84b30b$export$9d1611c77c2fe928 } from "../__chunks__/import-00615f54.mjs";
29
29
  import { E as ExpandMore400 } from "../__chunks__/ExpandMore400-7c5263a4.mjs";
30
30
  import { Menu } from "../Menu/index.mjs";
31
- import { U as UnstyledButton } from "../__chunks__/index-c86ae352.mjs";
31
+ import { U as UnstyledButton } from "../__chunks__/index-10b01d18.mjs";
32
32
  import "../Card/index.mjs";
33
33
  import "../__chunks__/tokens-a4ac91ef.mjs";
34
- import "../__chunks__/overlayscrollbars-react.es-c3074b27.mjs";
35
- import "../__chunks__/import-b5873137.mjs";
36
- import "../__chunks__/import-6c2c7765.mjs";
34
+ import "../__chunks__/overlayscrollbars-react.es-45e78d8a.mjs";
35
+ import "../__chunks__/index-e5f5282f.mjs";
36
+ import "../__chunks__/import-268f0c69.mjs";
37
37
  import "react-dom";
38
38
  import "../__chunks__/import-6a831ca1.mjs";
39
- import "../__chunks__/real-module-02e39e82.mjs";
40
- import "../__chunks__/useTriggerWidth-1b880b2a.mjs";
39
+ import "../__chunks__/real-module-0cb611b7.mjs";
40
+ import "../__chunks__/import-176410f1.mjs";
41
+ import "../__chunks__/useTriggerWidth-e0db6ff6.mjs";
41
42
  import "../utilities/useScrollbar.mjs";
42
43
  var __defProp2 = Object.defineProperty;
43
44
  var __getOwnPropSymbols2 = Object.getOwnPropertySymbols;
@@ -198,7 +199,7 @@ function useClipboard(options) {
198
199
  };
199
200
  }
200
201
  useClipboard_1 = dist.useClipboard = useClipboard;
201
- const CopyButton$1 = "_CopyButton_12iza_5";
202
+ const CopyButton$1 = "_CopyButton_1w7lo_5";
202
203
  const styles$2 = {
203
204
  CopyButton: CopyButton$1
204
205
  };
@@ -243,7 +244,7 @@ function useCopyButtonTooltipState() {
243
244
  tooltipState
244
245
  };
245
246
  }
246
- const button = "_button_om2nu_5";
247
+ const button = "_button_pja7p_5";
247
248
  const styles$1 = {
248
249
  button
249
250
  };
@@ -270,11 +271,11 @@ function LanguageMenu(props) {
270
271
  key: language2
271
272
  }, friendlySnippetLanguageNames[language2]))));
272
273
  }
273
- const CodeBlock$1 = "_CodeBlock_1we55_5";
274
- const header = "_header_1we55_13";
275
- const divider = "_divider_1we55_20";
276
- const colorPrimary = "_colorPrimary_1we55_27";
277
- const colorSecondary = "_colorSecondary_1we55_32";
274
+ const CodeBlock$1 = "_CodeBlock_18t0r_5";
275
+ const header = "_header_18t0r_13";
276
+ const divider = "_divider_18t0r_20";
277
+ const colorPrimary = "_colorPrimary_18t0r_27";
278
+ const colorSecondary = "_colorSecondary_18t0r_32";
278
279
  const styles = {
279
280
  CodeBlock: CodeBlock$1,
280
281
  header,
@@ -1,11 +1,11 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
- const CodeSnippet_index = require("../__chunks__/index-34085c5a.js");
3
+ const CodeSnippet_index = require("../__chunks__/index-696b4631.js");
4
4
  require("../__chunks__/import-22a3cd0c.js");
5
5
  require("react");
6
6
  require("../Card/index.js");
7
7
  require("../__chunks__/omit-0b319b4e.js");
8
8
  require("../utilities/css.js");
9
9
  require("../__chunks__/tokens-615eb83e.js");
10
- require("../__chunks__/overlayscrollbars-react.es-24dbf87a.js");
10
+ require("../__chunks__/overlayscrollbars-react.es-46517130.js");
11
11
  exports.CodeSnippet = CodeSnippet_index.CodeSnippet;
@@ -1,11 +1,11 @@
1
- import { a } from "../__chunks__/index-e2b407f2.mjs";
2
- import "../__chunks__/import-3ef63340.mjs";
1
+ import { a } from "../__chunks__/index-16ec6896.mjs";
2
+ import "../__chunks__/import-00615f54.mjs";
3
3
  import "react";
4
4
  import "../Card/index.mjs";
5
5
  import "../__chunks__/omit-fed2d9ac.mjs";
6
6
  import "../utilities/css.mjs";
7
7
  import "../__chunks__/tokens-a4ac91ef.mjs";
8
- import "../__chunks__/overlayscrollbars-react.es-c3074b27.mjs";
8
+ import "../__chunks__/overlayscrollbars-react.es-45e78d8a.mjs";
9
9
  export {
10
10
  a as CodeSnippet
11
11
  };
@@ -10,4 +10,5 @@ export declare const WithKebabMenu: Story;
10
10
  export declare const WithHeaderVariant: Story;
11
11
  export declare const WithSort: Story;
12
12
  export declare const WithCustomRendering: Story;
13
+ export declare const WithIcons: Story;
13
14
  //# sourceMappingURL=DataGrid.stories.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"DataGrid.stories.d.ts","sourceRoot":"","sources":["../../src/DataGrid/DataGrid.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAQlD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAGtC,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,QAAQ,CAAC,CAAC;AA6EvC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,QAAQ,CAa/B,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,EAAE,KAgBrB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAW3B,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAU9B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAgB3B,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAW/B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAKtB,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KAoBjC,CAAC"}
1
+ {"version":3,"file":"DataGrid.stories.d.ts","sourceRoot":"","sources":["../../src/DataGrid/DataGrid.stories.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AASlD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAGtC,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,QAAQ,CAAC,CAAC;AA6EvC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,QAAQ,CAa/B,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,EAAE,KAgBrB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAW3B,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAU9B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAgB3B,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAW/B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAKtB,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KAoBjC,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAevB,CAAC"}