@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.
- package/dist/cjs/src/Brand/Brand.cjs +1 -1
- package/dist/cjs/src/DateInput/DateInput/DateInput.cjs +1 -1
- package/dist/cjs/src/DateInput/DateInput/DateInput.module.css.cjs +7 -0
- package/dist/cjs/src/DateInput/DateInputDescription/DateInputDescription.cjs +1 -1
- package/dist/cjs/src/DateInput/DateInputDescription/{DateInputDescription.module.scss.cjs → DateInputDescription.module.css.cjs} +4 -4
- package/dist/cjs/src/DateInput/DateInputWithIconButton/DateInputWithIconButton.cjs +1 -1
- package/dist/cjs/src/DateInput/DateInputWithIconButton/DateInputWithIconButton.module.css.cjs +8 -0
- package/dist/cjs/src/DatePicker/subcomponents/DateInputField/DateInputField.cjs +1 -1
- package/dist/cjs/src/DatePicker/subcomponents/DateInputField/DateInputField.module.css.cjs +6 -0
- package/dist/cjs/src/SingleSelect/subcomponents/Option/Option.cjs +2 -1
- package/dist/cjs/src/Tile/MultiActionTile/MultiActionTile.cjs +1 -1
- package/dist/cjs/src/Tile/MultiActionTile/MultiActionTile.module.css.cjs +7 -0
- package/dist/cjs/src/Tile/TileGrid/TileGrid.cjs +1 -1
- package/dist/cjs/src/Tile/TileGrid/TileGrid.module.css.cjs +6 -0
- package/dist/cjs/src/Tile/subcomponents/GenericTile/GenericTile.cjs +1 -1
- package/dist/cjs/src/Tile/subcomponents/GenericTile/GenericTile.module.css.cjs +19 -0
- package/dist/esm/src/Brand/Brand.mjs +1 -1
- package/dist/esm/src/DateInput/DateInput/DateInput.mjs +3 -3
- package/dist/esm/src/DateInput/DateInput/DateInput.module.css.mjs +5 -0
- package/dist/esm/src/DateInput/DateInputDescription/DateInputDescription.mjs +3 -3
- package/dist/esm/src/DateInput/DateInputDescription/{DateInputDescription.module.scss.mjs → DateInputDescription.module.css.mjs} +4 -4
- package/dist/esm/src/DateInput/DateInputWithIconButton/DateInputWithIconButton.mjs +2 -2
- package/dist/esm/src/DateInput/DateInputWithIconButton/DateInputWithIconButton.module.css.mjs +6 -0
- package/dist/esm/src/DatePicker/subcomponents/DateInputField/DateInputField.mjs +2 -2
- package/dist/esm/src/DatePicker/subcomponents/DateInputField/DateInputField.module.css.mjs +4 -0
- package/dist/esm/src/SingleSelect/subcomponents/Option/Option.mjs +2 -1
- package/dist/esm/src/Tile/MultiActionTile/MultiActionTile.mjs +3 -3
- package/dist/esm/src/Tile/MultiActionTile/MultiActionTile.module.css.mjs +5 -0
- package/dist/esm/src/Tile/TileGrid/TileGrid.mjs +2 -2
- package/dist/esm/src/Tile/TileGrid/TileGrid.module.css.mjs +4 -0
- package/dist/esm/src/Tile/subcomponents/GenericTile/GenericTile.mjs +14 -14
- package/dist/esm/src/Tile/subcomponents/GenericTile/GenericTile.module.css.mjs +17 -0
- package/dist/styles.css +22 -22
- package/package.json +8 -8
- package/src/Brand/Brand.tsx +2 -2
- package/src/DateInput/DateInput/{DateInput.module.scss → DateInput.module.css} +1 -3
- package/src/DateInput/DateInput/DateInput.tsx +1 -1
- package/src/DateInput/DateInputDescription/{DateInputDescription.module.scss → DateInputDescription.module.css} +2 -4
- package/src/DateInput/DateInputDescription/DateInputDescription.tsx +1 -1
- package/src/DateInput/DateInputWithIconButton/DateInputWithIconButton.module.css +43 -0
- package/src/DateInput/DateInputWithIconButton/DateInputWithIconButton.tsx +1 -1
- package/src/DatePicker/DatePicker.module.css +9 -0
- package/src/DatePicker/_docs/DatePicker.stories.tsx +28 -28
- package/src/DatePicker/subcomponents/DateInputField/DateInputField.module.css +9 -0
- package/src/DatePicker/subcomponents/DateInputField/DateInputField.tsx +1 -1
- package/src/SingleSelect/subcomponents/Option/Option.tsx +2 -1
- package/src/Tile/MultiActionTile/{MultiActionTile.module.scss → MultiActionTile.module.css} +1 -3
- package/src/Tile/MultiActionTile/MultiActionTile.tsx +1 -1
- package/src/Tile/TileGrid/TileGrid.module.css +31 -0
- package/src/Tile/TileGrid/TileGrid.tsx +1 -1
- package/src/Tile/subcomponents/GenericTile/{GenericTile.module.scss → GenericTile.module.css} +19 -28
- package/src/Tile/subcomponents/GenericTile/GenericTile.tsx +1 -1
- package/dist/cjs/src/DateInput/DateInput/DateInput.module.scss.cjs +0 -7
- package/dist/cjs/src/DateInput/DateInputWithIconButton/DateInputWithIconButton.module.scss.cjs +0 -8
- package/dist/cjs/src/DatePicker/subcomponents/DateInputField/DateInputField.module.scss.cjs +0 -6
- package/dist/cjs/src/Tile/MultiActionTile/MultiActionTile.module.scss.cjs +0 -7
- package/dist/cjs/src/Tile/TileGrid/TileGrid.module.scss.cjs +0 -6
- package/dist/cjs/src/Tile/subcomponents/GenericTile/GenericTile.module.scss.cjs +0 -19
- package/dist/esm/src/DateInput/DateInput/DateInput.module.scss.mjs +0 -5
- package/dist/esm/src/DateInput/DateInputWithIconButton/DateInputWithIconButton.module.scss.mjs +0 -6
- package/dist/esm/src/DatePicker/subcomponents/DateInputField/DateInputField.module.scss.mjs +0 -4
- package/dist/esm/src/Tile/MultiActionTile/MultiActionTile.module.scss.mjs +0 -5
- package/dist/esm/src/Tile/TileGrid/TileGrid.module.scss.mjs +0 -4
- package/dist/esm/src/Tile/subcomponents/GenericTile/GenericTile.module.scss.mjs +0 -17
- package/src/DateInput/DateInputWithIconButton/DateInputWithIconButton.module.scss +0 -44
- package/src/DatePicker/DatePicker.module.scss +0 -11
- package/src/DatePicker/subcomponents/DateInputField/DateInputField.module.scss +0 -7
- package/src/Tile/TileGrid/TileGrid.module.scss +0 -28
- 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
|
-
}
|