chop-logic-components 2.0.1 → 2.2.0

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 (115) hide show
  1. package/README.md +4 -4
  2. package/dist/{icons → assets/icons}/index.d.ts +2 -2
  3. package/dist/{icons → assets/icons}/svg/ArrowDownIcon.d.ts +1 -1
  4. package/dist/{icons → assets/icons}/svg/ArrowUpIcon.d.ts +1 -1
  5. package/dist/{icons → assets/icons}/svg/BackIcon.d.ts +1 -1
  6. package/dist/{icons → assets/icons}/svg/CancelIcon.d.ts +1 -1
  7. package/dist/{icons → assets/icons}/svg/CheckMarkIcon.d.ts +1 -1
  8. package/dist/{icons → assets/icons}/svg/CheckboxCheckedIcon.d.ts +1 -1
  9. package/dist/{icons → assets/icons}/svg/CheckboxUncheckedIcon.d.ts +1 -1
  10. package/dist/{icons → assets/icons}/svg/ChevronDownIcon.d.ts +1 -1
  11. package/dist/{icons → assets/icons}/svg/ChevronLeftIcon.d.ts +1 -1
  12. package/dist/{icons → assets/icons}/svg/ChevronRightIcon.d.ts +1 -1
  13. package/dist/{icons → assets/icons}/svg/ChevronUpIcon.d.ts +1 -1
  14. package/dist/{icons → assets/icons}/svg/ClearIcon.d.ts +1 -1
  15. package/dist/{icons → assets/icons}/svg/CopyIcon.d.ts +1 -1
  16. package/dist/{icons → assets/icons}/svg/CutIcon.d.ts +1 -1
  17. package/dist/{icons → assets/icons}/svg/DeleteIcon.d.ts +1 -1
  18. package/dist/{icons → assets/icons}/svg/DownloadIcon.d.ts +1 -1
  19. package/dist/{icons → assets/icons}/svg/ErrorIcon.d.ts +1 -1
  20. package/dist/{icons → assets/icons}/svg/ForwardIcon.d.ts +1 -1
  21. package/dist/{icons → assets/icons}/svg/GraduateIcon.d.ts +1 -1
  22. package/dist/{icons → assets/icons}/svg/HelpIcon.d.ts +1 -1
  23. package/dist/{icons → assets/icons}/svg/HideIcon.d.ts +1 -1
  24. package/dist/{icons → assets/icons}/svg/HomeIcon.d.ts +1 -1
  25. package/dist/{icons → assets/icons}/svg/InfoIcon.d.ts +1 -1
  26. package/dist/{icons → assets/icons}/svg/LoginIcon.d.ts +1 -1
  27. package/dist/{icons → assets/icons}/svg/PasteIcon.d.ts +1 -1
  28. package/dist/{icons → assets/icons}/svg/QuestionIcon.d.ts +1 -1
  29. package/dist/{icons → assets/icons}/svg/RemoveIcon.d.ts +1 -1
  30. package/dist/{icons → assets/icons}/svg/SaveIcon.d.ts +1 -1
  31. package/dist/{icons → assets/icons}/svg/ShowIcon.d.ts +1 -1
  32. package/dist/{icons → assets/icons}/svg/UploadIcon.d.ts +1 -1
  33. package/dist/{icons → assets/icons}/svg/WarningIcon.d.ts +1 -1
  34. package/dist/chop-logic-components.css +1 -0
  35. package/dist/components/containers/grid/elements/Body.d.ts +1 -2
  36. package/dist/components/containers/grid/elements/Checkbox.d.ts +0 -2
  37. package/dist/components/containers/grid/elements/ColumnGroup.d.ts +1 -2
  38. package/dist/components/containers/grid/elements/DataCell.d.ts +0 -2
  39. package/dist/components/containers/grid/elements/Head.d.ts +1 -2
  40. package/dist/components/containers/grid/elements/HeaderCell.d.ts +0 -2
  41. package/dist/components/containers/grid/elements/Row.d.ts +0 -2
  42. package/dist/components/containers/grid/elements/SelectAllRowsCell.d.ts +0 -2
  43. package/dist/components/containers/grid/elements/SelectRowCell.d.ts +0 -2
  44. package/dist/components/containers/menu/elements/MenuItem.d.ts +1 -2
  45. package/dist/components/containers/menu/elements/MenuLeaf.d.ts +3 -5
  46. package/dist/components/containers/menu/elements/SubMenu.d.ts +1 -2
  47. package/dist/components/containers/tabs/elements/TabButton.d.ts +0 -2
  48. package/dist/components/containers/tabs/elements/TabContent.d.ts +1 -2
  49. package/dist/components/containers/tabs/elements/TabList.d.ts +1 -2
  50. package/dist/components/inputs/multi-select/elements/Combobox.d.ts +1 -2
  51. package/dist/components/inputs/multi-select/elements/Dropdown.d.ts +1 -2
  52. package/dist/components/inputs/multi-select/elements/Option.d.ts +1 -2
  53. package/dist/components/inputs/select/elements/Combobox.d.ts +1 -2
  54. package/dist/components/inputs/select/elements/Dropdown.d.ts +1 -2
  55. package/dist/components/inputs/select/elements/Option.d.ts +1 -2
  56. package/dist/components/modals/alert/elements/{Header.d.ts → AlertHeader.d.ts} +3 -5
  57. package/dist/components/modals/dialog/elements/{Header.d.ts → Header/index.d.ts} +0 -2
  58. package/dist/components/modals/dialog/elements/{Layout.d.ts → Layout/index.d.ts} +0 -2
  59. package/dist/contexts/form/context.d.ts +8 -0
  60. package/dist/contexts/index.d.ts +3 -2
  61. package/dist/contexts/theme/context.d.ts +6 -0
  62. package/dist/contexts/theme/provider.d.ts +6 -0
  63. package/dist/elements/error-message/ErrorMessage.d.ts +0 -2
  64. package/dist/elements/input-inner-button/InputInnerButton.d.ts +0 -2
  65. package/dist/elements/label/Label.d.ts +0 -2
  66. package/dist/enums/chop-logic-theme-mode.d.ts +2 -2
  67. package/dist/hooks/index.d.ts +1 -1
  68. package/dist/hooks/use-chop-logic-theme/index.d.ts +1 -1
  69. package/dist/index.cjs.js +4 -974
  70. package/dist/index.cjs.js.map +1 -1
  71. package/dist/index.es.js +1341 -3576
  72. package/dist/index.es.js.map +1 -1
  73. package/dist/models/components/form.d.ts +0 -5
  74. package/dist/models/index.d.ts +1 -2
  75. package/dist/utils/get-class-name.d.ts +5 -0
  76. package/dist/utils/index.d.ts +1 -1
  77. package/package.json +20 -17
  78. package/dist/components/containers/form/Form.styled.d.ts +0 -8
  79. package/dist/components/containers/grid/Grid.styled.d.ts +0 -37
  80. package/dist/components/containers/menu/Meny.styled.d.ts +0 -20
  81. package/dist/components/containers/tabs/Tabs.styled.d.ts +0 -18
  82. package/dist/components/inputs/button/Button.styled.d.ts +0 -12
  83. package/dist/components/inputs/checkbox/Checkbox.styled.d.ts +0 -6
  84. package/dist/components/inputs/numeric/NumericInput.styled.d.ts +0 -4
  85. package/dist/components/inputs/text/TextInput.styled.d.ts +0 -4
  86. package/dist/components/modals/alert/Alert.styled.d.ts +0 -11
  87. package/dist/components/modals/dialog/Dialog.styled.d.ts +0 -14
  88. package/dist/components/modals/tooltip/Tooltip.styled.d.ts +0 -4
  89. package/dist/contexts/chop-logic-form-context.d.ts +0 -3
  90. package/dist/contexts/chop-logic-theme-context.d.ts +0 -3
  91. package/dist/css/__docs__/ExampleDivContainer.styled.d.ts +0 -4
  92. package/dist/css/__docs__/ExampleGridContainer.styled.d.ts +0 -8
  93. package/dist/css/__docs__/story-wrapper-styles.d.ts +0 -2
  94. package/dist/css/animations.d.ts +0 -2
  95. package/dist/css/common/Select.styled.d.ts +0 -19
  96. package/dist/css/index.d.ts +0 -3
  97. package/dist/css/screen-breakpoints.d.ts +0 -7
  98. package/dist/css/themes.d.ts +0 -3
  99. package/dist/elements/error-message/ErrorMessage.styled.d.ts +0 -5
  100. package/dist/elements/input-inner-button/InputInnerButton.styled.d.ts +0 -4
  101. package/dist/elements/label/Label.styled.d.ts +0 -4
  102. package/dist/elements/loader/views/Arrow.styled.d.ts +0 -4
  103. package/dist/elements/loader/views/Brackets.styled.d.ts +0 -4
  104. package/dist/elements/loader/views/Circle.styled.d.ts +0 -4
  105. package/dist/elements/loader/views/Dots.styled.d.ts +0 -4
  106. package/dist/elements/loader/views/Filler.styled.d.ts +0 -4
  107. package/dist/elements/loader/views/Linear.styled.d.ts +0 -4
  108. package/dist/elements/loader/views/Pulse.styled.d.ts +0 -4
  109. package/dist/elements/loader/views/Rotation.styled.d.ts +0 -4
  110. package/dist/elements/loader/views/Square.styled.d.ts +0 -4
  111. package/dist/models/chop-logic-theme.d.ts +0 -35
  112. package/dist/utils/get-chop-logic-theme.d.ts +0 -2
  113. /package/dist/{icons → assets/icons}/__tests__/icons.test.d.ts +0 -0
  114. /package/dist/{__tests__ → components/__tests__}/index.test.d.ts +0 -0
  115. /package/dist/utils/__tests__/{get-chop-logic-theme.test.d.ts → get-class-name.test.d.ts} +0 -0
package/README.md CHANGED
@@ -95,7 +95,7 @@ npm run lint:fix
95
95
 
96
96
  ### `check-types`
97
97
 
98
- Runs the TypeScript compiler (tsc) to perform type checking without generating output files. This script helps ensure
98
+ Run the TypeScript compiler (tsc) to perform type checking without generating output files. This script helps ensure
99
99
  that the code adheres to TypeScript's type safety.
100
100
 
101
101
  ```bash
@@ -104,7 +104,7 @@ npm run types
104
104
 
105
105
  ### `test`
106
106
 
107
- Runs unit tests using Vitest, a fast testing framework designed for Vite projects.
107
+ Run unit tests using Vitest, a fast testing framework designed for Vite projects.
108
108
 
109
109
  ```bash
110
110
  npm run test
@@ -112,7 +112,7 @@ npm run test
112
112
 
113
113
  ### `test:ci`
114
114
 
115
- Runs the tests in continuous integration (CI) mode with Vitest, providing a streamlined output suitable for automated
115
+ Run the tests in continuous integration (CI) mode with Vitest, providing a streamlined output suitable for automated
116
116
  environments.
117
117
 
118
118
  ```bash
@@ -121,7 +121,7 @@ npm run test:ci
121
121
 
122
122
  ### `coverage`
123
123
 
124
- Runs unit tests using Vitest and generates a code coverage report using the v8 generator.
124
+ Run unit tests using Vitest and generates a code coverage report using the v8 generator.
125
125
 
126
126
  ```bash
127
127
  npm run coverage
@@ -1,6 +1,6 @@
1
- import { ChopLogicSVGElementProps } from '../models';
1
+ import { ChopLogicSVGElementProps } from '../../models';
2
2
  import { ReactElement } from 'react';
3
- import { ChopLogicIconName } from '../enums';
3
+ import { ChopLogicIconName } from '../../enums';
4
4
  type ChopLogicIcons = {
5
5
  [key in ChopLogicIconName]: ({ title, ...rest }: ChopLogicSVGElementProps) => ReactElement;
6
6
  };
@@ -1,3 +1,3 @@
1
- import { ChopLogicSVGElementProps } from '../../models';
1
+ import { ChopLogicSVGElementProps } from '../../../models';
2
2
  declare function ArrowDownIcon({ title, ...rest }: ChopLogicSVGElementProps): import("react/jsx-runtime").JSX.Element;
3
3
  export default ArrowDownIcon;
@@ -1,3 +1,3 @@
1
- import { ChopLogicSVGElementProps } from '../../models';
1
+ import { ChopLogicSVGElementProps } from '../../../models';
2
2
  declare function ArrowUpIcon({ title, ...rest }: ChopLogicSVGElementProps): import("react/jsx-runtime").JSX.Element;
3
3
  export default ArrowUpIcon;
@@ -1,3 +1,3 @@
1
- import { ChopLogicSVGElementProps } from '../../models';
1
+ import { ChopLogicSVGElementProps } from '../../../models';
2
2
  declare function BackIcon({ title, ...rest }: ChopLogicSVGElementProps): import("react/jsx-runtime").JSX.Element;
3
3
  export default BackIcon;
@@ -1,3 +1,3 @@
1
- import { ChopLogicSVGElementProps } from '../../models';
1
+ import { ChopLogicSVGElementProps } from '../../../models';
2
2
  declare function CancelIcon({ title, ...rest }: ChopLogicSVGElementProps): import("react/jsx-runtime").JSX.Element;
3
3
  export default CancelIcon;
@@ -1,3 +1,3 @@
1
- import { ChopLogicSVGElementProps } from '../../models';
1
+ import { ChopLogicSVGElementProps } from '../../../models';
2
2
  declare function CheckMarkIcon({ title, ...rest }: ChopLogicSVGElementProps): import("react/jsx-runtime").JSX.Element;
3
3
  export default CheckMarkIcon;
@@ -1,3 +1,3 @@
1
- import { ChopLogicSVGElementProps } from '../../models';
1
+ import { ChopLogicSVGElementProps } from '../../../models';
2
2
  declare function CheckboxCheckedIcon({ title, ...rest }: ChopLogicSVGElementProps): import("react/jsx-runtime").JSX.Element;
3
3
  export default CheckboxCheckedIcon;
@@ -1,3 +1,3 @@
1
- import { ChopLogicSVGElementProps } from '../../models';
1
+ import { ChopLogicSVGElementProps } from '../../../models';
2
2
  declare function CheckboxUncheckedIcon({ title, ...rest }: ChopLogicSVGElementProps): import("react/jsx-runtime").JSX.Element;
3
3
  export default CheckboxUncheckedIcon;
@@ -1,3 +1,3 @@
1
- import { ChopLogicSVGElementProps } from '../../models';
1
+ import { ChopLogicSVGElementProps } from '../../../models';
2
2
  declare function ChevronDownIcon({ title, ...rest }: ChopLogicSVGElementProps): import("react/jsx-runtime").JSX.Element;
3
3
  export default ChevronDownIcon;
@@ -1,3 +1,3 @@
1
- import { ChopLogicSVGElementProps } from '../../models';
1
+ import { ChopLogicSVGElementProps } from '../../../models';
2
2
  declare function ChevronLeftIcon({ title, ...rest }: ChopLogicSVGElementProps): import("react/jsx-runtime").JSX.Element;
3
3
  export default ChevronLeftIcon;
@@ -1,3 +1,3 @@
1
- import { ChopLogicSVGElementProps } from '../../models';
1
+ import { ChopLogicSVGElementProps } from '../../../models';
2
2
  declare function ChevronRightIcon({ title, ...rest }: ChopLogicSVGElementProps): import("react/jsx-runtime").JSX.Element;
3
3
  export default ChevronRightIcon;
@@ -1,3 +1,3 @@
1
- import { ChopLogicSVGElementProps } from '../../models';
1
+ import { ChopLogicSVGElementProps } from '../../../models';
2
2
  declare function ChevronUpIcon({ title, ...rest }: ChopLogicSVGElementProps): import("react/jsx-runtime").JSX.Element;
3
3
  export default ChevronUpIcon;
@@ -1,3 +1,3 @@
1
- import { ChopLogicSVGElementProps } from '../../models';
1
+ import { ChopLogicSVGElementProps } from '../../../models';
2
2
  declare function ClearIcon({ title, ...rest }: ChopLogicSVGElementProps): import("react/jsx-runtime").JSX.Element;
3
3
  export default ClearIcon;
@@ -1,3 +1,3 @@
1
- import { ChopLogicSVGElementProps } from '../../models';
1
+ import { ChopLogicSVGElementProps } from '../../../models';
2
2
  declare function CopyIcon({ title, ...rest }: ChopLogicSVGElementProps): import("react/jsx-runtime").JSX.Element;
3
3
  export default CopyIcon;
@@ -1,3 +1,3 @@
1
- import { ChopLogicSVGElementProps } from '../../models';
1
+ import { ChopLogicSVGElementProps } from '../../../models';
2
2
  declare function CutIcon({ title, ...rest }: ChopLogicSVGElementProps): import("react/jsx-runtime").JSX.Element;
3
3
  export default CutIcon;
@@ -1,3 +1,3 @@
1
- import { ChopLogicSVGElementProps } from '../../models';
1
+ import { ChopLogicSVGElementProps } from '../../../models';
2
2
  declare function DeleteIcon({ title, ...rest }: ChopLogicSVGElementProps): import("react/jsx-runtime").JSX.Element;
3
3
  export default DeleteIcon;
@@ -1,3 +1,3 @@
1
- import { ChopLogicSVGElementProps } from '../../models';
1
+ import { ChopLogicSVGElementProps } from '../../../models';
2
2
  declare function DownloadIcon({ title, ...rest }: ChopLogicSVGElementProps): import("react/jsx-runtime").JSX.Element;
3
3
  export default DownloadIcon;
@@ -1,3 +1,3 @@
1
- import { ChopLogicSVGElementProps } from '../../models';
1
+ import { ChopLogicSVGElementProps } from '../../../models';
2
2
  declare function ErrorIcon({ title, ...rest }: ChopLogicSVGElementProps): import("react/jsx-runtime").JSX.Element;
3
3
  export default ErrorIcon;
@@ -1,3 +1,3 @@
1
- import { ChopLogicSVGElementProps } from '../../models';
1
+ import { ChopLogicSVGElementProps } from '../../../models';
2
2
  declare function ForwardIcon({ title, ...rest }: ChopLogicSVGElementProps): import("react/jsx-runtime").JSX.Element;
3
3
  export default ForwardIcon;
@@ -1,3 +1,3 @@
1
- import { ChopLogicSVGElementProps } from '../../models';
1
+ import { ChopLogicSVGElementProps } from '../../../models';
2
2
  declare const GraduateIcon: ({ title, ...rest }: ChopLogicSVGElementProps) => import("react/jsx-runtime").JSX.Element;
3
3
  export default GraduateIcon;
@@ -1,3 +1,3 @@
1
- import { ChopLogicSVGElementProps } from '../../models';
1
+ import { ChopLogicSVGElementProps } from '../../../models';
2
2
  declare function HelpIcon({ title, ...rest }: ChopLogicSVGElementProps): import("react/jsx-runtime").JSX.Element;
3
3
  export default HelpIcon;
@@ -1,3 +1,3 @@
1
- import { ChopLogicSVGElementProps } from '../../models';
1
+ import { ChopLogicSVGElementProps } from '../../../models';
2
2
  declare function HideIcon({ title, ...rest }: ChopLogicSVGElementProps): import("react/jsx-runtime").JSX.Element;
3
3
  export default HideIcon;
@@ -1,3 +1,3 @@
1
- import { ChopLogicSVGElementProps } from '../../models';
1
+ import { ChopLogicSVGElementProps } from '../../../models';
2
2
  declare const HomeIcon: ({ title, ...rest }: ChopLogicSVGElementProps) => import("react/jsx-runtime").JSX.Element;
3
3
  export default HomeIcon;
@@ -1,3 +1,3 @@
1
- import { ChopLogicSVGElementProps } from '../../models';
1
+ import { ChopLogicSVGElementProps } from '../../../models';
2
2
  declare function InfoIcon({ title, ...rest }: ChopLogicSVGElementProps): import("react/jsx-runtime").JSX.Element;
3
3
  export default InfoIcon;
@@ -1,3 +1,3 @@
1
- import { ChopLogicSVGElementProps } from '../../models';
1
+ import { ChopLogicSVGElementProps } from '../../../models';
2
2
  declare const LoginIcon: ({ title, ...rest }: ChopLogicSVGElementProps) => import("react/jsx-runtime").JSX.Element;
3
3
  export default LoginIcon;
@@ -1,3 +1,3 @@
1
- import { ChopLogicSVGElementProps } from '../../models';
1
+ import { ChopLogicSVGElementProps } from '../../../models';
2
2
  declare function PasteIcon({ title, ...rest }: ChopLogicSVGElementProps): import("react/jsx-runtime").JSX.Element;
3
3
  export default PasteIcon;
@@ -1,3 +1,3 @@
1
- import { ChopLogicSVGElementProps } from '../../models';
1
+ import { ChopLogicSVGElementProps } from '../../../models';
2
2
  declare function QuestionIcon({ title, ...rest }: ChopLogicSVGElementProps): import("react/jsx-runtime").JSX.Element;
3
3
  export default QuestionIcon;
@@ -1,3 +1,3 @@
1
- import { ChopLogicSVGElementProps } from '../../models';
1
+ import { ChopLogicSVGElementProps } from '../../../models';
2
2
  declare function RemoveIcon({ title, ...rest }: ChopLogicSVGElementProps): import("react/jsx-runtime").JSX.Element;
3
3
  export default RemoveIcon;
@@ -1,3 +1,3 @@
1
- import { ChopLogicSVGElementProps } from '../../models';
1
+ import { ChopLogicSVGElementProps } from '../../../models';
2
2
  declare function SaveIcon({ title, ...rest }: ChopLogicSVGElementProps): import("react/jsx-runtime").JSX.Element;
3
3
  export default SaveIcon;
@@ -1,3 +1,3 @@
1
- import { ChopLogicSVGElementProps } from '../../models';
1
+ import { ChopLogicSVGElementProps } from '../../../models';
2
2
  declare function ShowIcon({ title, ...rest }: ChopLogicSVGElementProps): import("react/jsx-runtime").JSX.Element;
3
3
  export default ShowIcon;
@@ -1,3 +1,3 @@
1
- import { ChopLogicSVGElementProps } from '../../models';
1
+ import { ChopLogicSVGElementProps } from '../../../models';
2
2
  declare function UploadIcon({ title, ...rest }: ChopLogicSVGElementProps): import("react/jsx-runtime").JSX.Element;
3
3
  export default UploadIcon;
@@ -1,3 +1,3 @@
1
- import { ChopLogicSVGElementProps } from '../../models';
1
+ import { ChopLogicSVGElementProps } from '../../../models';
2
2
  declare function WarningIcon({ title, ...rest }: ChopLogicSVGElementProps): import("react/jsx-runtime").JSX.Element;
3
3
  export default WarningIcon;