@kaizen/components 3.0.10 → 3.0.12

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 (69) hide show
  1. package/dist/cjs/src/Brand/Brand.cjs +1 -1
  2. package/dist/cjs/src/DateInput/DateInput/DateInput.cjs +1 -1
  3. package/dist/cjs/src/DateInput/DateInput/DateInput.module.css.cjs +7 -0
  4. package/dist/cjs/src/DateInput/DateInputDescription/DateInputDescription.cjs +1 -1
  5. package/dist/cjs/src/DateInput/DateInputDescription/{DateInputDescription.module.scss.cjs → DateInputDescription.module.css.cjs} +4 -4
  6. package/dist/cjs/src/DateInput/DateInputWithIconButton/DateInputWithIconButton.cjs +1 -1
  7. package/dist/cjs/src/DateInput/DateInputWithIconButton/DateInputWithIconButton.module.css.cjs +8 -0
  8. package/dist/cjs/src/DatePicker/subcomponents/DateInputField/DateInputField.cjs +1 -1
  9. package/dist/cjs/src/DatePicker/subcomponents/DateInputField/DateInputField.module.css.cjs +6 -0
  10. package/dist/cjs/src/SingleSelect/subcomponents/Option/Option.cjs +2 -1
  11. package/dist/cjs/src/Tile/MultiActionTile/MultiActionTile.cjs +1 -1
  12. package/dist/cjs/src/Tile/MultiActionTile/MultiActionTile.module.css.cjs +7 -0
  13. package/dist/cjs/src/Tile/TileGrid/TileGrid.cjs +1 -1
  14. package/dist/cjs/src/Tile/TileGrid/TileGrid.module.css.cjs +6 -0
  15. package/dist/cjs/src/Tile/subcomponents/GenericTile/GenericTile.cjs +1 -1
  16. package/dist/cjs/src/Tile/subcomponents/GenericTile/GenericTile.module.css.cjs +19 -0
  17. package/dist/esm/src/Brand/Brand.mjs +1 -1
  18. package/dist/esm/src/DateInput/DateInput/DateInput.mjs +3 -3
  19. package/dist/esm/src/DateInput/DateInput/DateInput.module.css.mjs +5 -0
  20. package/dist/esm/src/DateInput/DateInputDescription/DateInputDescription.mjs +3 -3
  21. package/dist/esm/src/DateInput/DateInputDescription/{DateInputDescription.module.scss.mjs → DateInputDescription.module.css.mjs} +4 -4
  22. package/dist/esm/src/DateInput/DateInputWithIconButton/DateInputWithIconButton.mjs +2 -2
  23. package/dist/esm/src/DateInput/DateInputWithIconButton/DateInputWithIconButton.module.css.mjs +6 -0
  24. package/dist/esm/src/DatePicker/subcomponents/DateInputField/DateInputField.mjs +2 -2
  25. package/dist/esm/src/DatePicker/subcomponents/DateInputField/DateInputField.module.css.mjs +4 -0
  26. package/dist/esm/src/SingleSelect/subcomponents/Option/Option.mjs +2 -1
  27. package/dist/esm/src/Tile/MultiActionTile/MultiActionTile.mjs +3 -3
  28. package/dist/esm/src/Tile/MultiActionTile/MultiActionTile.module.css.mjs +5 -0
  29. package/dist/esm/src/Tile/TileGrid/TileGrid.mjs +2 -2
  30. package/dist/esm/src/Tile/TileGrid/TileGrid.module.css.mjs +4 -0
  31. package/dist/esm/src/Tile/subcomponents/GenericTile/GenericTile.mjs +14 -14
  32. package/dist/esm/src/Tile/subcomponents/GenericTile/GenericTile.module.css.mjs +17 -0
  33. package/dist/styles.css +22 -22
  34. package/package.json +8 -8
  35. package/src/Brand/Brand.tsx +2 -2
  36. package/src/DateInput/DateInput/{DateInput.module.scss → DateInput.module.css} +1 -3
  37. package/src/DateInput/DateInput/DateInput.tsx +1 -1
  38. package/src/DateInput/DateInputDescription/{DateInputDescription.module.scss → DateInputDescription.module.css} +2 -4
  39. package/src/DateInput/DateInputDescription/DateInputDescription.tsx +1 -1
  40. package/src/DateInput/DateInputWithIconButton/DateInputWithIconButton.module.css +43 -0
  41. package/src/DateInput/DateInputWithIconButton/DateInputWithIconButton.tsx +1 -1
  42. package/src/DatePicker/DatePicker.module.css +9 -0
  43. package/src/DatePicker/_docs/DatePicker.stories.tsx +28 -28
  44. package/src/DatePicker/subcomponents/DateInputField/DateInputField.module.css +9 -0
  45. package/src/DatePicker/subcomponents/DateInputField/DateInputField.tsx +1 -1
  46. package/src/SingleSelect/subcomponents/Option/Option.tsx +2 -1
  47. package/src/Tile/MultiActionTile/{MultiActionTile.module.scss → MultiActionTile.module.css} +1 -3
  48. package/src/Tile/MultiActionTile/MultiActionTile.tsx +1 -1
  49. package/src/Tile/TileGrid/TileGrid.module.css +31 -0
  50. package/src/Tile/TileGrid/TileGrid.tsx +1 -1
  51. package/src/Tile/subcomponents/GenericTile/{GenericTile.module.scss → GenericTile.module.css} +19 -28
  52. package/src/Tile/subcomponents/GenericTile/GenericTile.tsx +1 -1
  53. package/dist/cjs/src/DateInput/DateInput/DateInput.module.scss.cjs +0 -7
  54. package/dist/cjs/src/DateInput/DateInputWithIconButton/DateInputWithIconButton.module.scss.cjs +0 -8
  55. package/dist/cjs/src/DatePicker/subcomponents/DateInputField/DateInputField.module.scss.cjs +0 -6
  56. package/dist/cjs/src/Tile/MultiActionTile/MultiActionTile.module.scss.cjs +0 -7
  57. package/dist/cjs/src/Tile/TileGrid/TileGrid.module.scss.cjs +0 -6
  58. package/dist/cjs/src/Tile/subcomponents/GenericTile/GenericTile.module.scss.cjs +0 -19
  59. package/dist/esm/src/DateInput/DateInput/DateInput.module.scss.mjs +0 -5
  60. package/dist/esm/src/DateInput/DateInputWithIconButton/DateInputWithIconButton.module.scss.mjs +0 -6
  61. package/dist/esm/src/DatePicker/subcomponents/DateInputField/DateInputField.module.scss.mjs +0 -4
  62. package/dist/esm/src/Tile/MultiActionTile/MultiActionTile.module.scss.mjs +0 -5
  63. package/dist/esm/src/Tile/TileGrid/TileGrid.module.scss.mjs +0 -4
  64. package/dist/esm/src/Tile/subcomponents/GenericTile/GenericTile.module.scss.mjs +0 -17
  65. package/src/DateInput/DateInputWithIconButton/DateInputWithIconButton.module.scss +0 -44
  66. package/src/DatePicker/DatePicker.module.scss +0 -11
  67. package/src/DatePicker/subcomponents/DateInputField/DateInputField.module.scss +0 -7
  68. package/src/Tile/TileGrid/TileGrid.module.scss +0 -28
  69. package/src/Tile/subcomponents/GenericTile/_variables.scss +0 -2
@@ -1,28 +0,0 @@
1
- @import '~@kaizen/design-tokens/sass/spacing';
2
- @import '../../../styles/utils/responsive';
3
- @import '../subcomponents/GenericTile/variables';
4
-
5
- @layer kz-components {
6
- .grid {
7
- list-style-type: none;
8
- padding-inline-start: 0;
9
- margin-block: 0;
10
- display: grid;
11
- // the more we shave off the width here,
12
- // the less the tiles will grow when they lose one from the row
13
- grid-template-columns: repeat(auto-fill, minmax($tileWidth - 40px, 1fr));
14
- gap: $spacing-md;
15
-
16
- @include ca-media-mobile {
17
- grid-template-columns: repeat(2, minmax(226px, $tileHeight));
18
-
19
- > * {
20
- width: 100%;
21
- }
22
- }
23
-
24
- @media (max-width: 480px) {
25
- grid-template-columns: repeat(1, 100%);
26
- }
27
- }
28
- }
@@ -1,2 +0,0 @@
1
- $tileWidth: 330px;
2
- $tileHeight: 370px;