@kaizen/components 1.5.1 → 1.5.2
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/package.json +3 -3
- package/CHANGELOG.md +0 -351
- package/LICENSE +0 -21
- 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.d.ts +0 -28
- 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.d.ts +0 -231
- 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/index.js +0 -37
- 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.d.ts +0 -12
- package/dist/index.js +0 -37
- package/dist/styles.css +0 -114
- 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,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,28 +0,0 @@
|
|
|
1
|
-
import { Theme } from '@kaizen/design-tokens';
|
|
2
|
-
|
|
3
|
-
/**
|
|
4
|
-
* Use this class to set and apply themes, and to access or subscribe to the currently active one.
|
|
5
|
-
* This class fulfills the idea of theming and runtime theme switching by relying on CSS variables,
|
|
6
|
-
* and the ability to update them in JavaScript - a framework agnostic method.
|
|
7
|
-
*
|
|
8
|
-
* It works by converting a Theme interface to a flattened map of CSS variable keys and values, then calling `document.documentElement.style.setProperty(key, value)`.
|
|
9
|
-
*/
|
|
10
|
-
declare class ThemeManager<Theme extends Theme = Theme> {
|
|
11
|
-
private themeChangeListeners;
|
|
12
|
-
private theme;
|
|
13
|
-
private rootElement;
|
|
14
|
-
private rootElementId;
|
|
15
|
-
constructor(theme: Theme, rootElementId?: string, apply?: boolean);
|
|
16
|
-
getRootElement: () => HTMLElement | null;
|
|
17
|
-
getRootElementId: () => string;
|
|
18
|
-
getCurrentTheme: () => Theme;
|
|
19
|
-
setRootElement: (element: HTMLElement) => void;
|
|
20
|
-
setRootElementId: (rootElementId: string) => string;
|
|
21
|
-
setAndApplyTheme: (theme: Theme, force?: boolean) => void;
|
|
22
|
-
addThemeChangeListener: (listener: (theme: Theme) => void) => void;
|
|
23
|
-
removeThemeChangeListener: (listener: (theme: Theme) => void) => void;
|
|
24
|
-
applyCurrentTheme: () => void;
|
|
25
|
-
private notifyThemeChangeListeners;
|
|
26
|
-
}
|
|
27
|
-
|
|
28
|
-
export { ThemeManager };
|
|
@@ -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,231 +0,0 @@
|
|
|
1
|
-
import { CSSProperties } from 'react';
|
|
2
|
-
|
|
3
|
-
/**
|
|
4
|
-
* Use a custom type for CSS properties becauase we should eventually write a more strongly typed version using template literal types.
|
|
5
|
-
* This could definitely be contributed back to the community too. An example starting point here https://github.com/ghoullier/awesome-template-literal-types#css-parser
|
|
6
|
-
* For example:
|
|
7
|
-
* ```ts
|
|
8
|
-
* type Font = {
|
|
9
|
-
* fontSize: `${number}rem`,
|
|
10
|
-
*
|
|
11
|
-
* }
|
|
12
|
-
* type HexDigit = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | A | B | C | D | E | F ;
|
|
13
|
-
* type Color = `rgba(${number}, ${number}, ${number}, ${number}) | #${HexDigit}${HexDigit}${HexDigit}` // You get the point
|
|
14
|
-
*
|
|
15
|
-
* ```
|
|
16
|
-
* */
|
|
17
|
-
type KaizenCSSProperties = CSSProperties;
|
|
18
|
-
type Hex = string;
|
|
19
|
-
type TypographyFont = {
|
|
20
|
-
fontFamily: KaizenCSSProperties["fontFamily"];
|
|
21
|
-
fontWeight: KaizenCSSProperties["fontWeight"];
|
|
22
|
-
fontSize: KaizenCSSProperties["fontSize"];
|
|
23
|
-
lineHeight: KaizenCSSProperties["lineHeight"];
|
|
24
|
-
letterSpacing: KaizenCSSProperties["letterSpacing"];
|
|
25
|
-
};
|
|
26
|
-
type ThemeKey = "heart" | "custom";
|
|
27
|
-
type Theme = {
|
|
28
|
-
themeKey: ThemeKey;
|
|
29
|
-
border: {
|
|
30
|
-
solid: {
|
|
31
|
-
borderWidth: KaizenCSSProperties["borderWidth"];
|
|
32
|
-
borderRadius: KaizenCSSProperties["borderRadius"];
|
|
33
|
-
borderStyle: KaizenCSSProperties["borderStyle"];
|
|
34
|
-
borderColor: KaizenCSSProperties["borderColor"];
|
|
35
|
-
};
|
|
36
|
-
dashed: {
|
|
37
|
-
borderWidth: KaizenCSSProperties["borderWidth"];
|
|
38
|
-
borderRadius: KaizenCSSProperties["borderRadius"];
|
|
39
|
-
borderStyle: KaizenCSSProperties["borderStyle"];
|
|
40
|
-
};
|
|
41
|
-
borderless: {
|
|
42
|
-
borderWidth: KaizenCSSProperties["borderWidth"];
|
|
43
|
-
borderRadius: KaizenCSSProperties["borderRadius"];
|
|
44
|
-
borderStyle: KaizenCSSProperties["borderStyle"];
|
|
45
|
-
borderColor: KaizenCSSProperties["borderColor"];
|
|
46
|
-
};
|
|
47
|
-
focusRing: {
|
|
48
|
-
borderWidth: KaizenCSSProperties["borderWidth"];
|
|
49
|
-
borderRadius: KaizenCSSProperties["borderRadius"];
|
|
50
|
-
borderStyle: KaizenCSSProperties["borderStyle"];
|
|
51
|
-
};
|
|
52
|
-
};
|
|
53
|
-
animation: {
|
|
54
|
-
easingFunction: {
|
|
55
|
-
easeInOut: string;
|
|
56
|
-
easeIn: string;
|
|
57
|
-
easeOut: string;
|
|
58
|
-
linear: string;
|
|
59
|
-
bounceIn: string;
|
|
60
|
-
bounceOut: string;
|
|
61
|
-
bounceInOut: string;
|
|
62
|
-
};
|
|
63
|
-
duration: {
|
|
64
|
-
instant: string;
|
|
65
|
-
immediate: string;
|
|
66
|
-
rapid: string;
|
|
67
|
-
fast: string;
|
|
68
|
-
slow: string;
|
|
69
|
-
deliberate: string;
|
|
70
|
-
};
|
|
71
|
-
};
|
|
72
|
-
color: {
|
|
73
|
-
purple: {
|
|
74
|
-
"100": Hex;
|
|
75
|
-
"200": Hex;
|
|
76
|
-
"300": Hex;
|
|
77
|
-
"400": Hex;
|
|
78
|
-
"500": Hex;
|
|
79
|
-
"600": Hex;
|
|
80
|
-
"700": Hex;
|
|
81
|
-
"800": Hex;
|
|
82
|
-
};
|
|
83
|
-
blue: {
|
|
84
|
-
"100": Hex;
|
|
85
|
-
"200": Hex;
|
|
86
|
-
"300": Hex;
|
|
87
|
-
"400": Hex;
|
|
88
|
-
"500": Hex;
|
|
89
|
-
"600": Hex;
|
|
90
|
-
"700": Hex;
|
|
91
|
-
};
|
|
92
|
-
green: {
|
|
93
|
-
"100": Hex;
|
|
94
|
-
"200": Hex;
|
|
95
|
-
"300": Hex;
|
|
96
|
-
"400": Hex;
|
|
97
|
-
"500": Hex;
|
|
98
|
-
"600": Hex;
|
|
99
|
-
"700": Hex;
|
|
100
|
-
};
|
|
101
|
-
yellow: {
|
|
102
|
-
"100": Hex;
|
|
103
|
-
"200": Hex;
|
|
104
|
-
"300": Hex;
|
|
105
|
-
"400": Hex;
|
|
106
|
-
"500": Hex;
|
|
107
|
-
"600": Hex;
|
|
108
|
-
"700": Hex;
|
|
109
|
-
};
|
|
110
|
-
red: {
|
|
111
|
-
"100": Hex;
|
|
112
|
-
"200": Hex;
|
|
113
|
-
"300": Hex;
|
|
114
|
-
"400": Hex;
|
|
115
|
-
"500": Hex;
|
|
116
|
-
"600": Hex;
|
|
117
|
-
"700": Hex;
|
|
118
|
-
};
|
|
119
|
-
orange: {
|
|
120
|
-
"100": Hex;
|
|
121
|
-
"200": Hex;
|
|
122
|
-
"300": Hex;
|
|
123
|
-
"400": Hex;
|
|
124
|
-
"500": Hex;
|
|
125
|
-
"600": Hex;
|
|
126
|
-
"700": Hex;
|
|
127
|
-
};
|
|
128
|
-
gray: {
|
|
129
|
-
"100": Hex;
|
|
130
|
-
"200": Hex;
|
|
131
|
-
"300": Hex;
|
|
132
|
-
"400": Hex;
|
|
133
|
-
"500": Hex;
|
|
134
|
-
"600": Hex;
|
|
135
|
-
};
|
|
136
|
-
white: Hex;
|
|
137
|
-
};
|
|
138
|
-
dataViz: {
|
|
139
|
-
favorable: Hex;
|
|
140
|
-
unfavorable: Hex;
|
|
141
|
-
};
|
|
142
|
-
layout: {
|
|
143
|
-
contentMaxWidth: string;
|
|
144
|
-
contentMaxWidthWithSidebar: string;
|
|
145
|
-
contentSideMargin: string;
|
|
146
|
-
mobileActionsDrawerHeight: string;
|
|
147
|
-
navigationBarHeight: string;
|
|
148
|
-
breakpoints: {
|
|
149
|
-
medium: string;
|
|
150
|
-
large: string;
|
|
151
|
-
};
|
|
152
|
-
};
|
|
153
|
-
shadow: {
|
|
154
|
-
small: {
|
|
155
|
-
boxShadow: string;
|
|
156
|
-
};
|
|
157
|
-
large: {
|
|
158
|
-
boxShadow: string;
|
|
159
|
-
};
|
|
160
|
-
};
|
|
161
|
-
spacing: {
|
|
162
|
-
xs: string;
|
|
163
|
-
sm: string;
|
|
164
|
-
md: string;
|
|
165
|
-
lg: string;
|
|
166
|
-
xl: string;
|
|
167
|
-
xxl: string;
|
|
168
|
-
xxxl: string;
|
|
169
|
-
xxxxl: string;
|
|
170
|
-
xxxxxl: string;
|
|
171
|
-
0: string;
|
|
172
|
-
1: string;
|
|
173
|
-
2: string;
|
|
174
|
-
4: string;
|
|
175
|
-
6: string;
|
|
176
|
-
8: string;
|
|
177
|
-
12: string;
|
|
178
|
-
16: string;
|
|
179
|
-
24: string;
|
|
180
|
-
32: string;
|
|
181
|
-
40: string;
|
|
182
|
-
48: string;
|
|
183
|
-
56: string;
|
|
184
|
-
64: string;
|
|
185
|
-
72: string;
|
|
186
|
-
80: string;
|
|
187
|
-
96: string;
|
|
188
|
-
112: string;
|
|
189
|
-
128: string;
|
|
190
|
-
160: string;
|
|
191
|
-
200: string;
|
|
192
|
-
240: string;
|
|
193
|
-
280: string;
|
|
194
|
-
320: string;
|
|
195
|
-
};
|
|
196
|
-
typography: {
|
|
197
|
-
dataLarge: TypographyFont;
|
|
198
|
-
dataLargeUnits: TypographyFont;
|
|
199
|
-
dataMedium: TypographyFont;
|
|
200
|
-
dataMediumUnits: TypographyFont;
|
|
201
|
-
dataSmall: TypographyFont;
|
|
202
|
-
dataSmallUnits: TypographyFont;
|
|
203
|
-
display0: TypographyFont;
|
|
204
|
-
heading1: TypographyFont;
|
|
205
|
-
heading2: TypographyFont;
|
|
206
|
-
heading3: TypographyFont;
|
|
207
|
-
heading4: TypographyFont;
|
|
208
|
-
heading5: TypographyFont;
|
|
209
|
-
heading6: TypographyFont;
|
|
210
|
-
paragraphIntroLede: TypographyFont;
|
|
211
|
-
paragraphBody: TypographyFont;
|
|
212
|
-
paragraphSmall: TypographyFont;
|
|
213
|
-
paragraphExtraSmall: TypographyFont;
|
|
214
|
-
paragraphBold: {
|
|
215
|
-
fontWeight: KaizenCSSProperties["fontWeight"];
|
|
216
|
-
};
|
|
217
|
-
buttonPrimary: TypographyFont;
|
|
218
|
-
buttonSecondary: TypographyFont;
|
|
219
|
-
};
|
|
220
|
-
};
|
|
221
|
-
type DeepMapObjectLeafs<T, LeafType> = T extends string | number | bigint | boolean | symbol | null | undefined | ((...params: any[]) => any) ? LeafType : T extends Record<any, any> ? {
|
|
222
|
-
[Key in keyof T]: DeepMapObjectLeafs<T[Key], LeafType>;
|
|
223
|
-
} : T;
|
|
224
|
-
/**
|
|
225
|
-
* Apologies for the complex types.
|
|
226
|
-
* This type represents the Theme type but with every leaf value in the tree mapped strictly to a string, rather than a number or a more complex type such as a string union.
|
|
227
|
-
* The reason for this is to have a more accurate type for the generated hierarchy of design tokens which are represented as CSS custom properties, e.g. `var(--color-purple-800)`.
|
|
228
|
-
*/
|
|
229
|
-
type CSSVariableTheme = DeepMapObjectLeafs<Theme, string>;
|
|
230
|
-
|
|
231
|
-
export { CSSVariableTheme, DeepMapObjectLeafs, Theme, ThemeKey, TypographyFont };
|
|
@@ -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';
|