@kaizen/components 1.5.1 → 1.6.3
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/CHANGELOG.md +41 -0
- package/dist/cjs/dts/ButtonGroup/ButtonGroup.d.ts +11 -0
- package/dist/cjs/dts/ButtonGroup/index.d.ts +1 -0
- package/dist/cjs/dts/Filter/Filter.d.ts +18 -0
- package/dist/cjs/dts/Filter/components/FilterContents/FilterContents.d.ts +9 -0
- package/dist/cjs/dts/Filter/components/FilterContents/index.d.ts +1 -0
- package/dist/cjs/dts/Filter/components/FilterPopover/FilterPopover.d.ts +12 -0
- package/dist/cjs/dts/Filter/components/FilterPopover/index.d.ts +1 -0
- package/dist/cjs/dts/Filter/index.d.ts +3 -0
- package/dist/cjs/dts/Filter/types.d.ts +4 -0
- package/dist/cjs/dts/FilterButton/FilterButton/FilterButton.d.ts +9 -0
- package/dist/cjs/dts/FilterButton/FilterButton/index.d.ts +1 -0
- package/dist/cjs/dts/FilterButton/FilterButtonRemovable/FilterButtonRemovable.d.ts +16 -0
- package/dist/cjs/dts/FilterButton/FilterButtonRemovable/index.d.ts +1 -0
- package/dist/cjs/dts/FilterButton/_sub-components/FilterButtonBase/FilterButtonBase.d.ts +6 -0
- package/dist/cjs/dts/FilterButton/_sub-components/FilterButtonBase/index.d.ts +1 -0
- package/dist/cjs/dts/FilterButton/index.d.ts +2 -0
- package/dist/cjs/dts/KaizenProvider/KaizenProvider.d.ts +10 -0
- package/dist/{KaizenProvider → cjs/dts/KaizenProvider}/ThemeProvider/ThemeManager.d.ts +2 -5
- package/dist/cjs/dts/KaizenProvider/ThemeProvider/ThemeProvider.d.ts +13 -0
- package/dist/cjs/dts/KaizenProvider/ThemeProvider/index.d.ts +3 -0
- package/dist/cjs/dts/KaizenProvider/ThemeProvider/themes/heart.d.ts +3 -0
- package/dist/cjs/dts/KaizenProvider/ThemeProvider/themes/index.d.ts +3 -0
- package/dist/{KaizenProvider → cjs/dts/KaizenProvider}/ThemeProvider/themes/types.d.ts +8 -10
- package/dist/cjs/dts/KaizenProvider/index.d.ts +2 -0
- package/dist/cjs/dts/SVG/SVG.d.ts +19 -0
- package/dist/cjs/dts/SVG/icons/ChevronDownIcon.d.ts +3 -0
- package/dist/cjs/dts/SVG/icons/ChevronUpIcon.d.ts +3 -0
- package/dist/cjs/dts/SVG/icons/ClearIcon.d.ts +3 -0
- package/dist/cjs/dts/SVG/index.d.ts +1 -0
- package/dist/cjs/dts/__future__/ExampleComponent/ExampleComponent.d.ts +9 -0
- package/dist/cjs/dts/__future__/ExampleComponent/index.d.ts +1 -0
- package/dist/cjs/dts/__future__/index.d.ts +1 -0
- package/dist/cjs/dts/index.d.ts +3 -0
- package/dist/cjs/dts/types/DataAttributes.d.ts +3 -0
- package/dist/cjs/dts/types/OverrideClassName.d.ts +3 -0
- package/dist/cjs/dts/utils/console.d.ts +3 -0
- package/dist/cjs/dts/utils/isRefObject.d.ts +2 -0
- package/dist/cjs/future.js +20 -0
- package/dist/cjs/future.js.map +1 -0
- package/dist/cjs/index-d9398199.js +129 -0
- package/dist/cjs/index-d9398199.js.map +1 -0
- package/dist/cjs/index.css +129 -0
- package/dist/cjs/index.js +38551 -0
- package/dist/cjs/index.js.map +1 -0
- package/dist/esm/dts/ButtonGroup/ButtonGroup.d.ts +11 -0
- package/dist/esm/dts/ButtonGroup/index.d.ts +1 -0
- package/dist/esm/dts/Filter/Filter.d.ts +18 -0
- package/dist/esm/dts/Filter/components/FilterContents/FilterContents.d.ts +9 -0
- package/dist/esm/dts/Filter/components/FilterContents/index.d.ts +1 -0
- package/dist/esm/dts/Filter/components/FilterPopover/FilterPopover.d.ts +12 -0
- package/dist/esm/dts/Filter/components/FilterPopover/index.d.ts +1 -0
- package/dist/esm/dts/Filter/index.d.ts +3 -0
- package/dist/esm/dts/Filter/types.d.ts +4 -0
- package/dist/esm/dts/FilterButton/FilterButton/FilterButton.d.ts +9 -0
- package/dist/esm/dts/FilterButton/FilterButton/index.d.ts +1 -0
- package/dist/esm/dts/FilterButton/FilterButtonRemovable/FilterButtonRemovable.d.ts +16 -0
- package/dist/esm/dts/FilterButton/FilterButtonRemovable/index.d.ts +1 -0
- package/dist/esm/dts/FilterButton/_sub-components/FilterButtonBase/FilterButtonBase.d.ts +6 -0
- package/dist/esm/dts/FilterButton/_sub-components/FilterButtonBase/index.d.ts +1 -0
- package/dist/esm/dts/FilterButton/index.d.ts +2 -0
- package/dist/esm/dts/KaizenProvider/KaizenProvider.d.ts +10 -0
- package/dist/esm/dts/KaizenProvider/ThemeProvider/ThemeManager.d.ts +25 -0
- package/dist/esm/dts/KaizenProvider/ThemeProvider/ThemeProvider.d.ts +13 -0
- package/dist/esm/dts/KaizenProvider/ThemeProvider/index.d.ts +3 -0
- package/dist/esm/dts/KaizenProvider/ThemeProvider/themes/heart.d.ts +3 -0
- package/dist/esm/dts/KaizenProvider/ThemeProvider/themes/index.d.ts +3 -0
- package/dist/esm/dts/KaizenProvider/ThemeProvider/themes/types.d.ts +229 -0
- package/dist/esm/dts/KaizenProvider/index.d.ts +2 -0
- package/dist/esm/dts/SVG/SVG.d.ts +19 -0
- package/dist/esm/dts/SVG/icons/ChevronDownIcon.d.ts +3 -0
- package/dist/esm/dts/SVG/icons/ChevronUpIcon.d.ts +3 -0
- package/dist/esm/dts/SVG/icons/ClearIcon.d.ts +3 -0
- package/dist/esm/dts/SVG/index.d.ts +1 -0
- package/dist/esm/dts/__future__/ExampleComponent/ExampleComponent.d.ts +9 -0
- package/dist/esm/dts/__future__/ExampleComponent/index.d.ts +1 -0
- package/dist/esm/dts/__future__/index.d.ts +1 -0
- package/dist/esm/dts/index.d.ts +3 -0
- package/dist/esm/dts/types/DataAttributes.d.ts +3 -0
- package/dist/esm/dts/types/OverrideClassName.d.ts +3 -0
- package/dist/esm/dts/utils/console.d.ts +3 -0
- package/dist/esm/dts/utils/isRefObject.d.ts +2 -0
- package/dist/esm/future.js +18 -0
- package/dist/esm/future.js.map +1 -0
- package/dist/esm/index-0edbf842.js +124 -0
- package/dist/esm/index-0edbf842.js.map +1 -0
- package/dist/esm/index.css +129 -0
- package/dist/esm/index.js +38520 -36
- package/dist/esm/index.js.map +1 -0
- package/dist/index.d.ts +346 -12
- package/dist/styles.css +1 -114
- package/package.json +45 -27
- package/dist/ButtonGroup/index.d.ts +0 -5
- package/dist/ButtonGroup/index.js +0 -7
- package/dist/ButtonGroup-b1e541fe.d.ts +0 -14
- package/dist/ButtonGroup.module-NQDV3763.scss +0 -73
- package/dist/ExampleComponent-9afabffa.d.ts +0 -3
- package/dist/ExampleComponent.module-4G6FO336.scss +0 -3
- package/dist/Filter/components/FilterContents/index.d.ts +0 -3
- package/dist/Filter/components/FilterContents/index.js +0 -6
- package/dist/Filter/components/FilterPopover/index.d.ts +0 -15
- package/dist/Filter/components/FilterPopover/index.js +0 -6
- package/dist/Filter/index.d.ts +0 -5
- package/dist/Filter/index.js +0 -12
- package/dist/Filter/types.d.ts +0 -5
- package/dist/Filter/types.js +0 -1
- package/dist/Filter-15d87e2c.d.ts +0 -21
- package/dist/FilterButton/FilterButton/index.d.ts +0 -5
- package/dist/FilterButton/FilterButton/index.js +0 -8
- package/dist/FilterButton/FilterButtonRemovable/index.d.ts +0 -8
- package/dist/FilterButton/FilterButtonRemovable/index.js +0 -10
- package/dist/FilterButton/components/FilterButtonBase/index.d.ts +0 -3
- package/dist/FilterButton/components/FilterButtonBase/index.js +0 -6
- package/dist/FilterButton/index.d.ts +0 -8
- package/dist/FilterButton/index.js +0 -13
- package/dist/FilterButton-e44e4bf8.d.ts +0 -12
- package/dist/FilterButton.module-HA7A5HIZ.scss +0 -22
- package/dist/FilterButtonBase-4004361e.d.ts +0 -9
- package/dist/FilterButtonBase.module-KNRAMYSJ.scss +0 -65
- package/dist/FilterButtonRemovable-d3bc8f61.d.ts +0 -19
- package/dist/FilterContents-8d959c14.d.ts +0 -12
- package/dist/FilterContents.module-VKPAJKDG.scss +0 -5
- package/dist/FilterPopover.module-2NVOPVIT.scss +0 -11
- package/dist/KaizenProvider/ThemeProvider/ThemeManager.js +0 -6
- package/dist/KaizenProvider/ThemeProvider/ThemeManager.spec.d.ts +0 -2
- package/dist/KaizenProvider/ThemeProvider/ThemeManager.spec.js +0 -21
- package/dist/KaizenProvider/ThemeProvider/index.d.ts +0 -7
- package/dist/KaizenProvider/ThemeProvider/index.js +0 -23
- package/dist/KaizenProvider/ThemeProvider/themes/heart.d.ts +0 -6
- package/dist/KaizenProvider/ThemeProvider/themes/heart.js +0 -8
- package/dist/KaizenProvider/ThemeProvider/themes/index.d.ts +0 -8
- package/dist/KaizenProvider/ThemeProvider/themes/index.js +0 -11
- package/dist/KaizenProvider/ThemeProvider/themes/types.js +0 -1
- package/dist/KaizenProvider/index.d.ts +0 -8
- package/dist/KaizenProvider/index.js +0 -27
- package/dist/KaizenProvider-44a90581.d.ts +0 -13
- package/dist/ThemeProvider-9852214a.d.ts +0 -17
- package/dist/__future__/ExampleComponent/index.d.ts +0 -1
- package/dist/__future__/ExampleComponent/index.js +0 -6
- package/dist/__future__/index.d.ts +0 -1
- package/dist/__future__/index.js +0 -6
- package/dist/chunk-24HHXM6U.js +0 -29
- package/dist/chunk-3VEH3HNR.js +0 -6
- package/dist/chunk-7T4E5A7M.js +0 -315
- package/dist/chunk-7ZAJ7755.js +0 -15
- package/dist/chunk-DR7ZJ6Z3.js +0 -38
- package/dist/chunk-FBL47PXS.js +0 -1
- package/dist/chunk-FMXGTI6W.js +0 -1
- package/dist/chunk-GOA67MI6.js +0 -8
- package/dist/chunk-GTXIOS6D.js +0 -51
- package/dist/chunk-J42JQYBY.js +0 -57
- package/dist/chunk-J5NCLDC5.js +0 -55
- package/dist/chunk-MXW3YHBE.js +0 -91
- package/dist/chunk-SBUK4XZM.js +0 -18
- package/dist/chunk-TGN3Y4NF.js +0 -51
- package/dist/chunk-WDAFEOSV.js +0 -10
- package/dist/chunk-Y6BQRSGB.js +0 -21
- package/dist/esm/ButtonGroup/index.js +0 -7
- package/dist/esm/ButtonGroup.module-NQDV3763.scss +0 -73
- package/dist/esm/ExampleComponent.module-4G6FO336.scss +0 -3
- package/dist/esm/Filter/components/FilterContents/index.js +0 -6
- package/dist/esm/Filter/components/FilterPopover/index.js +0 -6
- package/dist/esm/Filter/index.js +0 -12
- package/dist/esm/Filter/types.js +0 -1
- package/dist/esm/FilterButton/FilterButton/index.js +0 -8
- package/dist/esm/FilterButton/FilterButtonRemovable/index.js +0 -10
- package/dist/esm/FilterButton/components/FilterButtonBase/index.js +0 -6
- package/dist/esm/FilterButton/index.js +0 -13
- package/dist/esm/FilterButton.module-HA7A5HIZ.scss +0 -22
- package/dist/esm/FilterButtonBase.module-KNRAMYSJ.scss +0 -65
- package/dist/esm/FilterContents.module-VKPAJKDG.scss +0 -5
- package/dist/esm/FilterPopover.module-2NVOPVIT.scss +0 -11
- package/dist/esm/KaizenProvider/ThemeProvider/ThemeManager.js +0 -6
- package/dist/esm/KaizenProvider/ThemeProvider/ThemeManager.spec.js +0 -21
- package/dist/esm/KaizenProvider/ThemeProvider/index.js +0 -23
- package/dist/esm/KaizenProvider/ThemeProvider/themes/heart.js +0 -8
- package/dist/esm/KaizenProvider/ThemeProvider/themes/index.js +0 -11
- package/dist/esm/KaizenProvider/ThemeProvider/themes/types.js +0 -1
- package/dist/esm/KaizenProvider/index.js +0 -27
- package/dist/esm/__future__/ExampleComponent/index.js +0 -6
- package/dist/esm/__future__/index.js +0 -6
- package/dist/esm/chunk-24HHXM6U.js +0 -29
- package/dist/esm/chunk-3VEH3HNR.js +0 -6
- package/dist/esm/chunk-7T4E5A7M.js +0 -315
- package/dist/esm/chunk-7ZAJ7755.js +0 -15
- package/dist/esm/chunk-DR7ZJ6Z3.js +0 -38
- package/dist/esm/chunk-FBL47PXS.js +0 -0
- package/dist/esm/chunk-FMXGTI6W.js +0 -0
- package/dist/esm/chunk-GOA67MI6.js +0 -8
- package/dist/esm/chunk-GTXIOS6D.js +0 -51
- package/dist/esm/chunk-J42JQYBY.js +0 -57
- package/dist/esm/chunk-J5NCLDC5.js +0 -55
- package/dist/esm/chunk-MXW3YHBE.js +0 -91
- package/dist/esm/chunk-SBUK4XZM.js +0 -18
- package/dist/esm/chunk-TGN3Y4NF.js +0 -51
- package/dist/esm/chunk-WDAFEOSV.js +0 -10
- package/dist/esm/chunk-Y6BQRSGB.js +0 -21
- package/dist/esm/types.js +0 -0
- package/dist/esm/utils/isRefObject.js +0 -6
- package/dist/iife/ButtonGroup/index.js +0 -33555
- package/dist/iife/ButtonGroup.module-NQDV3763.scss +0 -73
- package/dist/iife/ExampleComponent.module-4G6FO336.scss +0 -3
- package/dist/iife/Filter/components/FilterContents/index.js +0 -2317
- package/dist/iife/Filter/components/FilterPopover/index.js +0 -33202
- package/dist/iife/Filter/index.js +0 -36349
- package/dist/iife/Filter/types.js +0 -3
- package/dist/iife/FilterButton/FilterButton/index.js +0 -2417
- package/dist/iife/FilterButton/FilterButtonRemovable/index.js +0 -33673
- package/dist/iife/FilterButton/components/FilterButtonBase/index.js +0 -2314
- package/dist/iife/FilterButton/index.js +0 -33671
- package/dist/iife/FilterButton.module-HA7A5HIZ.scss +0 -22
- package/dist/iife/FilterButtonBase.module-KNRAMYSJ.scss +0 -65
- package/dist/iife/FilterContents.module-VKPAJKDG.scss +0 -5
- package/dist/iife/FilterPopover.module-2NVOPVIT.scss +0 -11
- package/dist/iife/Icon.module-VD7NKLAR.scss +0 -72
- package/dist/iife/KaizenProvider/ThemeProvider/ThemeManager.js +0 -3760
- package/dist/iife/KaizenProvider/ThemeProvider/ThemeManager.spec.js +0 -3777
- package/dist/iife/KaizenProvider/ThemeProvider/index.js +0 -4149
- package/dist/iife/KaizenProvider/ThemeProvider/themes/heart.js +0 -313
- package/dist/iife/KaizenProvider/ThemeProvider/themes/index.js +0 -315
- package/dist/iife/KaizenProvider/ThemeProvider/themes/types.js +0 -3
- package/dist/iife/KaizenProvider/index.js +0 -4159
- package/dist/iife/Tooltip.module-YU7VOTNZ.scss +0 -184
- package/dist/iife/__future__/ExampleComponent/index.js +0 -2246
- package/dist/iife/__future__/index.js +0 -2246
- package/dist/iife/chevron-down.icon-COG3GAYR.svg +0 -17
- package/dist/iife/chevron-up.icon-O5VRF5BX.svg +0 -17
- package/dist/iife/clear.icon-OD6PWTJH.svg +0 -17
- package/dist/iife/index.js +0 -38274
- package/dist/iife/types.js +0 -3
- package/dist/iife/utils/isRefObject.js +0 -5
- package/dist/index.js +0 -37
- package/dist/types.d.ts +0 -8
- package/dist/types.js +0 -1
- package/dist/utils/isRefObject.d.ts +0 -5
- package/dist/utils/isRefObject.js +0 -6
|
@@ -1,73 +0,0 @@
|
|
|
1
|
-
@import "~@kaizen/design-tokens/sass/border";
|
|
2
|
-
@import "~@kaizen/design-tokens/sass/color";
|
|
3
|
-
|
|
4
|
-
$focus-ring-offset: 1px;
|
|
5
|
-
$focus-ring-offset-inner: calc(-1 * #{$focus-ring-offset});
|
|
6
|
-
|
|
7
|
-
// Polyfill
|
|
8
|
-
$polyfill--focus-visible: ":global(.js-focus-visible) &:global(.focus-visible)";
|
|
9
|
-
|
|
10
|
-
// Classnames to simulate pseudo states in storybook
|
|
11
|
-
$story-className--button-group--focus: ":global(.story__button-group--focus)";
|
|
12
|
-
|
|
13
|
-
// Combined pseudo state classes
|
|
14
|
-
$selectors--button-group--focus: "&:focus-visible, #{$polyfill--focus-visible}, &#{$story-className--button-group--focus}";
|
|
15
|
-
|
|
16
|
-
%firstChildBorders {
|
|
17
|
-
border-start-start-radius: $border-focus-ring-border-radius;
|
|
18
|
-
border-end-start-radius: $border-focus-ring-border-radius;
|
|
19
|
-
}
|
|
20
|
-
|
|
21
|
-
%lastChildBorders {
|
|
22
|
-
border-start-end-radius: $border-focus-ring-border-radius;
|
|
23
|
-
border-end-end-radius: $border-focus-ring-border-radius;
|
|
24
|
-
}
|
|
25
|
-
|
|
26
|
-
.buttonGroup {
|
|
27
|
-
display: inline-flex;
|
|
28
|
-
|
|
29
|
-
.child {
|
|
30
|
-
border-radius: 0;
|
|
31
|
-
|
|
32
|
-
#{$selectors--button-group--focus} {
|
|
33
|
-
&::after {
|
|
34
|
-
border-radius: 0;
|
|
35
|
-
}
|
|
36
|
-
}
|
|
37
|
-
|
|
38
|
-
&.firstChild {
|
|
39
|
-
@extend %firstChildBorders;
|
|
40
|
-
|
|
41
|
-
#{$selectors--button-group--focus} {
|
|
42
|
-
&::after {
|
|
43
|
-
@extend %firstChildBorders;
|
|
44
|
-
inset-inline-end: $focus-ring-offset-inner;
|
|
45
|
-
}
|
|
46
|
-
}
|
|
47
|
-
}
|
|
48
|
-
|
|
49
|
-
&:not(.firstChild) {
|
|
50
|
-
border-inline-start: 1px solid $color-blue-300;
|
|
51
|
-
}
|
|
52
|
-
|
|
53
|
-
&:not(.firstChild):not(.lastChild) {
|
|
54
|
-
#{$selectors--button-group--focus} {
|
|
55
|
-
&::after {
|
|
56
|
-
inset-inline-start: $focus-ring-offset-inner;
|
|
57
|
-
inset-inline-end: $focus-ring-offset-inner;
|
|
58
|
-
}
|
|
59
|
-
}
|
|
60
|
-
}
|
|
61
|
-
|
|
62
|
-
&.lastChild {
|
|
63
|
-
@extend %lastChildBorders;
|
|
64
|
-
|
|
65
|
-
#{$selectors--button-group--focus} {
|
|
66
|
-
&::after {
|
|
67
|
-
@extend %lastChildBorders;
|
|
68
|
-
inset-inline-start: $focus-ring-offset-inner;
|
|
69
|
-
}
|
|
70
|
-
}
|
|
71
|
-
}
|
|
72
|
-
}
|
|
73
|
-
}
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import React__default, { HTMLAttributes } from 'react';
|
|
2
|
-
import { Options } from '@popperjs/core';
|
|
3
|
-
import { OverrideClassName } from '../../../types.js';
|
|
4
|
-
|
|
5
|
-
interface FilterPopoverProps extends OverrideClassName<HTMLAttributes<HTMLDivElement>> {
|
|
6
|
-
children: React__default.ReactNode;
|
|
7
|
-
referenceElement: HTMLElement | null;
|
|
8
|
-
popperOptions?: Partial<Options>;
|
|
9
|
-
}
|
|
10
|
-
declare const FilterPopover: {
|
|
11
|
-
({ children, referenceElement, popperOptions, classNameOverride, ...restProps }: FilterPopoverProps): JSX.Element;
|
|
12
|
-
displayName: string;
|
|
13
|
-
};
|
|
14
|
-
|
|
15
|
-
export { FilterPopover, FilterPopoverProps };
|
package/dist/Filter/index.d.ts
DELETED
package/dist/Filter/index.js
DELETED
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
|
-
|
|
3
|
-
var _chunkJ5NCLDC5js = require('../chunk-J5NCLDC5.js');
|
|
4
|
-
require('../chunk-TGN3Y4NF.js');
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
var _chunkY6BQRSGBjs = require('../chunk-Y6BQRSGB.js');
|
|
8
|
-
require('../chunk-FMXGTI6W.js');
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
exports.Filter = _chunkJ5NCLDC5js.Filter; exports.FilterContents = _chunkY6BQRSGBjs.FilterContents;
|
package/dist/Filter/types.d.ts
DELETED
package/dist/Filter/types.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";require('../chunk-FMXGTI6W.js');
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import React__default, { HTMLAttributes } from 'react';
|
|
2
|
-
import { OverrideClassName } from './types.js';
|
|
3
|
-
import { FilterTriggerRef } from './Filter/types.js';
|
|
4
|
-
|
|
5
|
-
interface FilterProps extends OverrideClassName<HTMLAttributes<HTMLDivElement>> {
|
|
6
|
-
children: React__default.ReactNode;
|
|
7
|
-
isOpen: boolean;
|
|
8
|
-
setIsOpen: React__default.Dispatch<React__default.SetStateAction<boolean>>;
|
|
9
|
-
renderTrigger: (triggerProps: {
|
|
10
|
-
onClick: () => void;
|
|
11
|
-
isOpen: boolean;
|
|
12
|
-
}) => JSX.Element & {
|
|
13
|
-
ref?: React__default.RefObject<FilterTriggerRef>;
|
|
14
|
-
};
|
|
15
|
-
}
|
|
16
|
-
declare const Filter: {
|
|
17
|
-
({ children, isOpen, setIsOpen, renderTrigger, classNameOverride, ...restProps }: FilterProps): JSX.Element;
|
|
18
|
-
displayName: string;
|
|
19
|
-
};
|
|
20
|
-
|
|
21
|
-
export { FilterProps as F, Filter as a };
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
|
-
|
|
3
|
-
var _chunkDR7ZJ6Z3js = require('../../chunk-DR7ZJ6Z3.js');
|
|
4
|
-
require('../../chunk-3VEH3HNR.js');
|
|
5
|
-
require('../../chunk-SBUK4XZM.js');
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
exports.FilterButton = _chunkDR7ZJ6Z3js.FilterButton;
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
export { b as FilterButtonRemovable, F as FilterButtonRemovableProps, a as FilterButtonRemovableRefs } from '../../FilterButtonRemovable-d3bc8f61.js';
|
|
2
|
-
import 'react';
|
|
3
|
-
import '../../ButtonGroup-b1e541fe.js';
|
|
4
|
-
import '@kaizen/draft-tooltip';
|
|
5
|
-
import '../../FilterButtonBase-4004361e.js';
|
|
6
|
-
import '../../types.js';
|
|
7
|
-
import '../../Filter/types.js';
|
|
8
|
-
import '../../FilterButton-e44e4bf8.js';
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
|
-
|
|
3
|
-
var _chunk24HHXM6Ujs = require('../../chunk-24HHXM6U.js');
|
|
4
|
-
require('../../chunk-DR7ZJ6Z3.js');
|
|
5
|
-
require('../../chunk-3VEH3HNR.js');
|
|
6
|
-
require('../../chunk-GTXIOS6D.js');
|
|
7
|
-
require('../../chunk-SBUK4XZM.js');
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
exports.FilterButtonRemovable = _chunk24HHXM6Ujs.FilterButtonRemovable;
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
export { a as FilterButton, F as FilterButtonProps } from '../FilterButton-e44e4bf8.js';
|
|
2
|
-
export { b as FilterButtonRemovable, F as FilterButtonRemovableProps, a as FilterButtonRemovableRefs } from '../FilterButtonRemovable-d3bc8f61.js';
|
|
3
|
-
import 'react';
|
|
4
|
-
import '../Filter/types.js';
|
|
5
|
-
import '../FilterButtonBase-4004361e.js';
|
|
6
|
-
import '../types.js';
|
|
7
|
-
import '../ButtonGroup-b1e541fe.js';
|
|
8
|
-
import '@kaizen/draft-tooltip';
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
|
-
|
|
3
|
-
var _chunk24HHXM6Ujs = require('../chunk-24HHXM6U.js');
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
var _chunkDR7ZJ6Z3js = require('../chunk-DR7ZJ6Z3.js');
|
|
7
|
-
require('../chunk-3VEH3HNR.js');
|
|
8
|
-
require('../chunk-GTXIOS6D.js');
|
|
9
|
-
require('../chunk-SBUK4XZM.js');
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
exports.FilterButton = _chunkDR7ZJ6Z3js.FilterButton; exports.FilterButtonRemovable = _chunk24HHXM6Ujs.FilterButtonRemovable;
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import React__default from 'react';
|
|
2
|
-
import { FilterTriggerRef } from './Filter/types.js';
|
|
3
|
-
import { F as FilterButtonBaseProps } from './FilterButtonBase-4004361e.js';
|
|
4
|
-
|
|
5
|
-
interface FilterButtonProps extends Omit<FilterButtonBaseProps, "children"> {
|
|
6
|
-
label: string;
|
|
7
|
-
selectedValue?: string | JSX.Element;
|
|
8
|
-
isOpen?: boolean;
|
|
9
|
-
}
|
|
10
|
-
declare const FilterButton: React__default.ForwardRefExoticComponent<FilterButtonProps & React__default.RefAttributes<FilterTriggerRef>>;
|
|
11
|
-
|
|
12
|
-
export { FilterButtonProps as F, FilterButton as a };
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
@import "~@kaizen/design-tokens/sass/spacing";
|
|
2
|
-
@import "~@kaizen/design-tokens/sass/typography";
|
|
3
|
-
|
|
4
|
-
.filterButton {
|
|
5
|
-
gap: $spacing-xs;
|
|
6
|
-
}
|
|
7
|
-
|
|
8
|
-
.labelContainer {
|
|
9
|
-
display: inline-flex;
|
|
10
|
-
}
|
|
11
|
-
|
|
12
|
-
.hasSelectedValues {
|
|
13
|
-
font-weight: $typography-button-primary-font-weight;
|
|
14
|
-
}
|
|
15
|
-
|
|
16
|
-
.labelSeparator {
|
|
17
|
-
margin-inline-end: $spacing-xs;
|
|
18
|
-
|
|
19
|
-
[dir="ltr"] [dir="rtl"] & {
|
|
20
|
-
margin-right: 0;
|
|
21
|
-
}
|
|
22
|
-
}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import React__default, { ButtonHTMLAttributes } from 'react';
|
|
2
|
-
import { OverrideClassName } from './types.js';
|
|
3
|
-
|
|
4
|
-
interface FilterButtonBaseProps extends OverrideClassName<ButtonHTMLAttributes<HTMLButtonElement>> {
|
|
5
|
-
children: React__default.ReactNode;
|
|
6
|
-
}
|
|
7
|
-
declare const FilterButtonBase: React__default.ForwardRefExoticComponent<FilterButtonBaseProps & React__default.RefAttributes<HTMLButtonElement>>;
|
|
8
|
-
|
|
9
|
-
export { FilterButtonBaseProps as F, FilterButtonBase as a };
|
|
@@ -1,65 +0,0 @@
|
|
|
1
|
-
@import "~@kaizen/design-tokens/sass/border";
|
|
2
|
-
@import "~@kaizen/design-tokens/sass/color";
|
|
3
|
-
@import "~@kaizen/design-tokens/sass/typography";
|
|
4
|
-
@import "~@kaizen/design-tokens/sass/spacing";
|
|
5
|
-
@import "../../../_mixins/button-reset";
|
|
6
|
-
@import "./variables";
|
|
7
|
-
|
|
8
|
-
.filterButtonBase {
|
|
9
|
-
@include button-reset;
|
|
10
|
-
|
|
11
|
-
-webkit-font-smoothing: antialiased;
|
|
12
|
-
-moz-osx-font-smoothing: grayscale;
|
|
13
|
-
|
|
14
|
-
position: relative;
|
|
15
|
-
display: inline-flex;
|
|
16
|
-
align-items: center;
|
|
17
|
-
|
|
18
|
-
height: 3rem; // 48px
|
|
19
|
-
padding: $spacing-sm;
|
|
20
|
-
|
|
21
|
-
border-width: 0;
|
|
22
|
-
border-radius: $border-solid-border-radius;
|
|
23
|
-
|
|
24
|
-
background-color: $color-blue-100;
|
|
25
|
-
|
|
26
|
-
font-family: $typography-button-secondary-font-family;
|
|
27
|
-
font-weight: $typography-button-secondary-font-weight;
|
|
28
|
-
font-size: $typography-button-secondary-font-size;
|
|
29
|
-
line-height: $typography-button-secondary-line-height;
|
|
30
|
-
letter-spacing: $typography-button-secondary-letter-spacing;
|
|
31
|
-
color: $color-blue-500;
|
|
32
|
-
white-space: nowrap;
|
|
33
|
-
|
|
34
|
-
#{$selectors--filter-button-base--hover},
|
|
35
|
-
#{$selectors--filter-button-base--active} {
|
|
36
|
-
z-index: 2;
|
|
37
|
-
}
|
|
38
|
-
|
|
39
|
-
#{$selectors--filter-button-base--hover},
|
|
40
|
-
#{$selectors--filter-button-base--active},
|
|
41
|
-
#{$selectors--filter-button-base--focus} {
|
|
42
|
-
background-color: $color-blue-200;
|
|
43
|
-
}
|
|
44
|
-
|
|
45
|
-
&:focus {
|
|
46
|
-
outline: none;
|
|
47
|
-
}
|
|
48
|
-
|
|
49
|
-
#{$selectors--filter-button-base--focus} {
|
|
50
|
-
outline: none;
|
|
51
|
-
|
|
52
|
-
&::after {
|
|
53
|
-
content: "";
|
|
54
|
-
z-index: 3;
|
|
55
|
-
position: absolute;
|
|
56
|
-
top: $focus-ring-offset-outer;
|
|
57
|
-
bottom: $focus-ring-offset-outer;
|
|
58
|
-
left: $focus-ring-offset-outer;
|
|
59
|
-
right: $focus-ring-offset-outer;
|
|
60
|
-
border-radius: $border-focus-ring-border-radius;
|
|
61
|
-
border: $border-focus-ring-border-width $border-focus-ring-border-style
|
|
62
|
-
$color-blue-500;
|
|
63
|
-
}
|
|
64
|
-
}
|
|
65
|
-
}
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import React__default from 'react';
|
|
2
|
-
import { B as ButtonGroupProps } from './ButtonGroup-b1e541fe.js';
|
|
3
|
-
import { DataAttributes } from './types.js';
|
|
4
|
-
import { FilterTriggerRef } from './Filter/types.js';
|
|
5
|
-
import { F as FilterButtonBaseProps } from './FilterButtonBase-4004361e.js';
|
|
6
|
-
import { F as FilterButtonProps } from './FilterButton-e44e4bf8.js';
|
|
7
|
-
|
|
8
|
-
interface FilterButtonRemovableProps extends Omit<ButtonGroupProps, "children"> {
|
|
9
|
-
triggerButtonProps: FilterButtonProps & DataAttributes;
|
|
10
|
-
removeButtonProps: Partial<Omit<FilterButtonBaseProps, "children">> & DataAttributes & {
|
|
11
|
-
tooltipText?: string;
|
|
12
|
-
};
|
|
13
|
-
}
|
|
14
|
-
type FilterButtonRemovableRefs = FilterTriggerRef & {
|
|
15
|
-
removeButtonRef?: React__default.RefObject<HTMLButtonElement>;
|
|
16
|
-
};
|
|
17
|
-
declare const FilterButtonRemovable: React__default.ForwardRefExoticComponent<FilterButtonRemovableProps & React__default.RefAttributes<FilterButtonRemovableRefs>>;
|
|
18
|
-
|
|
19
|
-
export { FilterButtonRemovableProps as F, FilterButtonRemovableRefs as a, FilterButtonRemovable as b };
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import React__default, { HTMLAttributes } from 'react';
|
|
2
|
-
import { OverrideClassName } from './types.js';
|
|
3
|
-
|
|
4
|
-
interface FilterContentsProps extends OverrideClassName<HTMLAttributes<HTMLDivElement>> {
|
|
5
|
-
children: React__default.ReactNode;
|
|
6
|
-
}
|
|
7
|
-
declare const FilterContents: {
|
|
8
|
-
({ children, classNameOverride, ...restProps }: FilterContentsProps): JSX.Element;
|
|
9
|
-
displayName: string;
|
|
10
|
-
};
|
|
11
|
-
|
|
12
|
-
export { FilterContentsProps as F, FilterContents as a };
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
@import "~@kaizen/design-tokens/sass/border";
|
|
2
|
-
@import "~@kaizen/design-tokens/sass/color";
|
|
3
|
-
@import "~@kaizen/design-tokens/sass/shadow";
|
|
4
|
-
|
|
5
|
-
.filterPopover {
|
|
6
|
-
background-color: $color-white;
|
|
7
|
-
z-index: 1010;
|
|
8
|
-
box-shadow: $shadow-large-box-shadow;
|
|
9
|
-
border-radius: $border-borderless-border-radius;
|
|
10
|
-
display: inline-flex;
|
|
11
|
-
}
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _chunkJ42JQYBYjs = require('../../chunk-J42JQYBY.js');
|
|
4
|
-
|
|
5
|
-
// src/KaizenProvider/ThemeProvider/ThemeManager.spec.ts
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
var _designtokens = require('@kaizen/design-tokens');
|
|
10
|
-
var assertThemeIsActive = (theme, rootElement) => {
|
|
11
|
-
const variables = _designtokens.makeCssVariableDefinitionsMap.call(void 0, theme);
|
|
12
|
-
Object.entries(variables).forEach(([key, value]) => {
|
|
13
|
-
expect(rootElement == null ? void 0 : rootElement.style.getPropertyValue(key)).toBe(value);
|
|
14
|
-
});
|
|
15
|
-
};
|
|
16
|
-
describe(_chunkJ42JQYBYjs.ThemeManager.name, () => {
|
|
17
|
-
test.skip("activates initial theme on construction", () => {
|
|
18
|
-
const themeManager = new (0, _chunkJ42JQYBYjs.ThemeManager)(_designtokens.heartTheme);
|
|
19
|
-
assertThemeIsActive(_designtokens.heartTheme, themeManager.getRootElement());
|
|
20
|
-
});
|
|
21
|
-
});
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
export { T as ThemeContext, a as ThemeProvider, u as useTheme } from '../../ThemeProvider-9852214a.js';
|
|
2
|
-
export { ThemeManager } from './ThemeManager.js';
|
|
3
|
-
export { defaultTheme } from './themes/index.js';
|
|
4
|
-
export { default as heartTheme } from './themes/heart.js';
|
|
5
|
-
export { CSSVariableTheme, DeepMapObjectLeafs, Theme, ThemeKey, TypographyFont } from './themes/types.js';
|
|
6
|
-
import '@kaizen/design-tokens';
|
|
7
|
-
import 'react';
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
var _chunkMXW3YHBEjs = require('../../chunk-MXW3YHBE.js');
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
var _chunkWDAFEOSVjs = require('../../chunk-WDAFEOSV.js');
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
var _chunk7T4E5A7Mjs = require('../../chunk-7T4E5A7M.js');
|
|
12
|
-
require('../../chunk-FBL47PXS.js');
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
var _chunkJ42JQYBYjs = require('../../chunk-J42JQYBY.js');
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
exports.ThemeContext = _chunkMXW3YHBEjs.ThemeContext; exports.ThemeManager = _chunkJ42JQYBYjs.ThemeManager; exports.ThemeProvider = _chunkMXW3YHBEjs.ThemeProvider; exports.defaultTheme = _chunkWDAFEOSVjs.defaultTheme; exports.heartTheme = _chunk7T4E5A7Mjs.heartTheme; exports.useTheme = _chunkMXW3YHBEjs.useTheme;
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { Theme } from './types.js';
|
|
2
|
-
export { CSSVariableTheme, DeepMapObjectLeafs, ThemeKey, TypographyFont } from './types.js';
|
|
3
|
-
export { default as heartTheme } from './heart.js';
|
|
4
|
-
import 'react';
|
|
5
|
-
|
|
6
|
-
declare const defaultTheme: Theme;
|
|
7
|
-
|
|
8
|
-
export { Theme, defaultTheme };
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
|
-
|
|
3
|
-
var _chunkWDAFEOSVjs = require('../../../chunk-WDAFEOSV.js');
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
var _chunk7T4E5A7Mjs = require('../../../chunk-7T4E5A7M.js');
|
|
7
|
-
require('../../../chunk-FBL47PXS.js');
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
exports.defaultTheme = _chunkWDAFEOSVjs.defaultTheme; exports.heartTheme = _chunk7T4E5A7Mjs.heartTheme;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";require('../../../chunk-FBL47PXS.js');
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
export { a as KaizenProvider, K as KaizenProviderProps } from '../KaizenProvider-44a90581.js';
|
|
2
|
-
export { T as ThemeContext, a as ThemeProvider, u as useTheme } from '../ThemeProvider-9852214a.js';
|
|
3
|
-
export { ThemeManager } from './ThemeProvider/ThemeManager.js';
|
|
4
|
-
export { defaultTheme } from './ThemeProvider/themes/index.js';
|
|
5
|
-
export { default as heartTheme } from './ThemeProvider/themes/heart.js';
|
|
6
|
-
export { CSSVariableTheme, DeepMapObjectLeafs, Theme, ThemeKey, TypographyFont } from './ThemeProvider/themes/types.js';
|
|
7
|
-
import 'react';
|
|
8
|
-
import '@kaizen/design-tokens';
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
|
-
|
|
3
|
-
var _chunk7ZAJ7755js = require('../chunk-7ZAJ7755.js');
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
var _chunkMXW3YHBEjs = require('../chunk-MXW3YHBE.js');
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
var _chunkWDAFEOSVjs = require('../chunk-WDAFEOSV.js');
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
var _chunk7T4E5A7Mjs = require('../chunk-7T4E5A7M.js');
|
|
15
|
-
require('../chunk-FBL47PXS.js');
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
var _chunkJ42JQYBYjs = require('../chunk-J42JQYBY.js');
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
exports.KaizenProvider = _chunk7ZAJ7755js.KaizenProvider; exports.ThemeContext = _chunkMXW3YHBEjs.ThemeContext; exports.ThemeManager = _chunkJ42JQYBYjs.ThemeManager; exports.ThemeProvider = _chunkMXW3YHBEjs.ThemeProvider; exports.defaultTheme = _chunkWDAFEOSVjs.defaultTheme; exports.heartTheme = _chunk7T4E5A7Mjs.heartTheme; exports.useTheme = _chunkMXW3YHBEjs.useTheme;
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import React__default from 'react';
|
|
2
|
-
import { ThemeManager } from './KaizenProvider/ThemeProvider/ThemeManager.js';
|
|
3
|
-
|
|
4
|
-
interface KaizenProviderProps {
|
|
5
|
-
children: React__default.ReactNode;
|
|
6
|
-
themeManager?: ThemeManager;
|
|
7
|
-
}
|
|
8
|
-
declare const KaizenProvider: {
|
|
9
|
-
({ children, themeManager, }: KaizenProviderProps): JSX.Element;
|
|
10
|
-
displayName: string;
|
|
11
|
-
};
|
|
12
|
-
|
|
13
|
-
export { KaizenProviderProps as K, KaizenProvider as a };
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import * as _kaizen_design_tokens from '@kaizen/design-tokens';
|
|
2
|
-
import React__default, { Context } from 'react';
|
|
3
|
-
import { ThemeManager } from './KaizenProvider/ThemeProvider/ThemeManager.js';
|
|
4
|
-
import { Theme } from './KaizenProvider/ThemeProvider/themes/types.js';
|
|
5
|
-
|
|
6
|
-
declare const ThemeContext: Context<Theme>;
|
|
7
|
-
/**
|
|
8
|
-
* Wrap your application in this provider using a ThemeManager, to synchronise it with a react context.
|
|
9
|
-
* This allows child react elements to more easily use theme variables, using the {@link useTheme} hook.
|
|
10
|
-
*/
|
|
11
|
-
declare const ThemeProvider: ({ themeManager, ...props }: {
|
|
12
|
-
themeManager?: ThemeManager<_kaizen_design_tokens.Theme> | undefined;
|
|
13
|
-
children: React__default.ReactNode;
|
|
14
|
-
}) => JSX.Element;
|
|
15
|
-
declare const useTheme: () => Theme;
|
|
16
|
-
|
|
17
|
-
export { ThemeContext as T, ThemeProvider as a, useTheme as u };
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { E as ExampleComponent } from '../../ExampleComponent-9afabffa.js';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { E as ExampleComponent } from '../ExampleComponent-9afabffa.js';
|