@react-xp/design-system 1.0.0-beta.1 → 1.0.0-beta.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/dist/cjs/components/button/button.native.js +31 -0
- package/dist/cjs/components/button/button.shared.js +59 -0
- package/dist/cjs/{styles/buttons.js → components/button/button.styles.js} +24 -13
- package/dist/cjs/components/button/button.types.js +2 -0
- package/dist/cjs/components/button/button.web.js +46 -0
- package/dist/cjs/components/button/index.js +18 -0
- package/dist/cjs/components/index.js +17 -0
- package/dist/cjs/helpers/styles.js +18 -2
- package/dist/cjs/index.js +3 -1
- package/dist/cjs/showcase/buttons/buttons.native.js +10 -0
- package/dist/cjs/showcase/buttons/buttons.web.js +10 -0
- package/dist/cjs/showcase/buttons/index.js +17 -0
- package/dist/cjs/showcase/buttons/index.native.js +17 -0
- package/dist/cjs/showcase/index.js +17 -0
- package/dist/cjs/showcase/themeWrapper.native.js +40 -0
- package/dist/cjs/showcase/themeWrapper.web.js +42 -0
- package/dist/cjs/styles/index.js +0 -1
- package/dist/cjs/theme/index.js +19 -0
- package/dist/cjs/theme/themeContext.js +5 -0
- package/dist/cjs/theme/themeProvider.js +9 -0
- package/dist/cjs/theme/useTheme.js +13 -0
- package/dist/cjs/theme/useTokens.js +6 -0
- package/dist/cjs/types/states.js +1 -4
- package/dist/esm/components/button/button.native.js +27 -0
- package/dist/esm/components/button/button.shared.js +54 -0
- package/dist/esm/{styles/buttons.js → components/button/button.styles.js} +24 -13
- package/dist/esm/components/button/button.types.js +1 -0
- package/dist/esm/components/button/button.web.js +42 -0
- package/dist/esm/components/button/index.js +2 -0
- package/dist/esm/components/index.js +1 -0
- package/dist/esm/helpers/styles.js +16 -2
- package/dist/esm/index.js +3 -1
- package/dist/esm/showcase/buttons/buttons.native.js +6 -0
- package/dist/esm/showcase/buttons/buttons.web.js +6 -0
- package/dist/esm/showcase/buttons/index.js +1 -0
- package/dist/esm/showcase/buttons/index.native.js +1 -0
- package/dist/esm/showcase/index.js +1 -0
- package/dist/esm/showcase/themeWrapper.native.js +36 -0
- package/dist/esm/showcase/themeWrapper.web.js +38 -0
- package/dist/esm/styles/cards.js +1 -1
- package/dist/esm/styles/checkboxes.js +1 -1
- package/dist/esm/styles/chips.js +1 -1
- package/dist/esm/styles/datePickers.js +1 -1
- package/dist/esm/styles/index.js +0 -1
- package/dist/esm/styles/inputs.js +1 -1
- package/dist/esm/styles/listItems.js +1 -1
- package/dist/esm/styles/popovers.js +1 -1
- package/dist/esm/styles/radios.js +1 -1
- package/dist/esm/styles/selects.js +1 -1
- package/dist/esm/styles/steppers.js +1 -1
- package/dist/esm/styles/switches.js +1 -1
- package/dist/esm/styles/tabs.js +1 -1
- package/dist/esm/styles/toasts.js +1 -1
- package/dist/esm/styles/tooltips.js +1 -1
- package/dist/esm/theme/index.js +3 -0
- package/dist/esm/theme/themeContext.js +2 -0
- package/dist/esm/theme/themeProvider.js +5 -0
- package/dist/esm/theme/useTheme.js +9 -0
- package/dist/esm/theme/useTokens.js +2 -0
- package/dist/esm/types/states.js +0 -2
- package/dist/tsconfig.cjs.tsbuildinfo +1 -1
- package/dist/tsconfig.esm.tsbuildinfo +1 -1
- package/dist/types/components/button/button.native.d.ts +3 -0
- package/dist/types/components/button/button.native.d.ts.map +1 -0
- package/dist/types/components/button/button.shared.d.ts +27 -0
- package/dist/types/components/button/button.shared.d.ts.map +1 -0
- package/dist/types/components/button/button.styles.d.ts +20 -0
- package/dist/types/components/button/button.styles.d.ts.map +1 -0
- package/dist/types/components/button/button.types.d.ts +19 -0
- package/dist/types/components/button/button.types.d.ts.map +1 -0
- package/dist/types/components/button/button.web.d.ts +3 -0
- package/dist/types/components/button/button.web.d.ts.map +1 -0
- package/dist/types/components/button/index.d.ts +3 -0
- package/dist/types/components/button/index.d.ts.map +1 -0
- package/dist/types/components/index.d.ts +2 -0
- package/dist/types/components/index.d.ts.map +1 -0
- package/dist/types/helpers/a11y.d.ts +5 -5
- package/dist/types/helpers/a11y.d.ts.map +1 -1
- package/dist/types/helpers/styles.d.ts +12 -9
- package/dist/types/helpers/styles.d.ts.map +1 -1
- package/dist/types/index.d.ts +3 -1
- package/dist/types/index.d.ts.map +1 -1
- package/dist/types/showcase/buttons/buttons.native.d.ts +2 -0
- package/dist/types/showcase/buttons/buttons.native.d.ts.map +1 -0
- package/dist/types/showcase/buttons/buttons.web.d.ts +2 -0
- package/dist/types/showcase/buttons/buttons.web.d.ts.map +1 -0
- package/dist/types/showcase/buttons/index.d.ts +2 -0
- package/dist/types/showcase/buttons/index.d.ts.map +1 -0
- package/dist/types/showcase/buttons/index.native.d.ts +2 -0
- package/dist/types/showcase/buttons/index.native.d.ts.map +1 -0
- package/dist/types/showcase/index.d.ts +2 -0
- package/dist/types/showcase/index.d.ts.map +1 -0
- package/dist/types/showcase/themeWrapper.native.d.ts +5 -0
- package/dist/types/showcase/themeWrapper.native.d.ts.map +1 -0
- package/dist/types/showcase/themeWrapper.web.d.ts +5 -0
- package/dist/types/showcase/themeWrapper.web.d.ts.map +1 -0
- package/dist/types/styles/avatars.d.ts +2 -2
- package/dist/types/styles/avatars.d.ts.map +1 -1
- package/dist/types/styles/badges.d.ts +2 -2
- package/dist/types/styles/badges.d.ts.map +1 -1
- package/dist/types/styles/bottomSheets.d.ts +2 -2
- package/dist/types/styles/bottomSheets.d.ts.map +1 -1
- package/dist/types/styles/cards.d.ts +2 -2
- package/dist/types/styles/cards.d.ts.map +1 -1
- package/dist/types/styles/checkboxes.d.ts +2 -2
- package/dist/types/styles/checkboxes.d.ts.map +1 -1
- package/dist/types/styles/chips.d.ts +2 -2
- package/dist/types/styles/chips.d.ts.map +1 -1
- package/dist/types/styles/datePickers.d.ts +3 -3
- package/dist/types/styles/datePickers.d.ts.map +1 -1
- package/dist/types/styles/dividers.d.ts +2 -2
- package/dist/types/styles/dividers.d.ts.map +1 -1
- package/dist/types/styles/emptyStates.d.ts +2 -2
- package/dist/types/styles/emptyStates.d.ts.map +1 -1
- package/dist/types/styles/forms.d.ts +2 -2
- package/dist/types/styles/forms.d.ts.map +1 -1
- package/dist/types/styles/headers.d.ts +2 -2
- package/dist/types/styles/headers.d.ts.map +1 -1
- package/dist/types/styles/index.d.ts +0 -1
- package/dist/types/styles/index.d.ts.map +1 -1
- package/dist/types/styles/inputs.d.ts +2 -2
- package/dist/types/styles/inputs.d.ts.map +1 -1
- package/dist/types/styles/listItems.d.ts +2 -2
- package/dist/types/styles/listItems.d.ts.map +1 -1
- package/dist/types/styles/modals.d.ts +2 -2
- package/dist/types/styles/modals.d.ts.map +1 -1
- package/dist/types/styles/pagination.d.ts +2 -2
- package/dist/types/styles/pagination.d.ts.map +1 -1
- package/dist/types/styles/popovers.d.ts +2 -2
- package/dist/types/styles/popovers.d.ts.map +1 -1
- package/dist/types/styles/progress.d.ts +4 -4
- package/dist/types/styles/progress.d.ts.map +1 -1
- package/dist/types/styles/radios.d.ts +2 -2
- package/dist/types/styles/radios.d.ts.map +1 -1
- package/dist/types/styles/selects.d.ts +2 -2
- package/dist/types/styles/selects.d.ts.map +1 -1
- package/dist/types/styles/skeletons.d.ts +3 -3
- package/dist/types/styles/skeletons.d.ts.map +1 -1
- package/dist/types/styles/steppers.d.ts +3 -3
- package/dist/types/styles/steppers.d.ts.map +1 -1
- package/dist/types/styles/switches.d.ts +2 -2
- package/dist/types/styles/switches.d.ts.map +1 -1
- package/dist/types/styles/tables.d.ts +2 -2
- package/dist/types/styles/tables.d.ts.map +1 -1
- package/dist/types/styles/tabs.d.ts +3 -3
- package/dist/types/styles/tabs.d.ts.map +1 -1
- package/dist/types/styles/toasts.d.ts +3 -3
- package/dist/types/styles/toasts.d.ts.map +1 -1
- package/dist/types/styles/tooltips.d.ts +2 -2
- package/dist/types/styles/tooltips.d.ts.map +1 -1
- package/dist/types/theme/index.d.ts +4 -0
- package/dist/types/theme/index.d.ts.map +1 -0
- package/dist/types/theme/themeContext.d.ts +6 -0
- package/dist/types/theme/themeContext.d.ts.map +1 -0
- package/dist/types/theme/themeProvider.d.ts +6 -0
- package/dist/types/theme/themeProvider.d.ts.map +1 -0
- package/dist/types/theme/themes/corporate/colors.d.ts.map +1 -0
- package/dist/types/theme/themes/corporate/index.d.ts.map +1 -0
- package/dist/types/theme/useTheme.d.ts +2 -0
- package/dist/types/theme/useTheme.d.ts.map +1 -0
- package/dist/types/theme/useTokens.d.ts +2 -0
- package/dist/types/theme/useTokens.d.ts.map +1 -0
- package/dist/types/types/states.d.ts +3 -9
- package/dist/types/types/states.d.ts.map +1 -1
- package/dist/types/types/tokens.d.ts +5 -6
- package/dist/types/types/tokens.d.ts.map +1 -1
- package/package.json +5 -3
- package/dist/types/styles/buttons.d.ts +0 -22
- package/dist/types/styles/buttons.d.ts.map +0 -1
- package/dist/types/themes/corporate/colors.d.ts.map +0 -1
- package/dist/types/themes/corporate/index.d.ts.map +0 -1
- /package/dist/cjs/{themes → theme/themes}/corporate/colors.js +0 -0
- /package/dist/cjs/{themes → theme/themes}/corporate/index.js +0 -0
- /package/dist/esm/{themes → theme/themes}/corporate/colors.js +0 -0
- /package/dist/esm/{themes → theme/themes}/corporate/index.js +0 -0
- /package/dist/types/{themes → theme/themes}/corporate/colors.d.ts +0 -0
- /package/dist/types/{themes → theme/themes}/corporate/index.d.ts +0 -0
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import { type
|
|
1
|
+
import { type TStyleTokenValue, type TSx } from '../types/tokens';
|
|
2
2
|
export type TSkeletonVariant = 'text' | 'rect' | 'circle';
|
|
3
3
|
export type TSkeletonParts = {
|
|
4
4
|
base: TSx;
|
|
5
5
|
animation: TSx;
|
|
6
6
|
};
|
|
7
|
-
export declare const getSkeletonParts: (t:
|
|
8
|
-
export declare const getSkeletonStyle: (t:
|
|
7
|
+
export declare const getSkeletonParts: (t: TStyleTokenValue) => TSkeletonParts;
|
|
8
|
+
export declare const getSkeletonStyle: (t: TStyleTokenValue, opts?: {
|
|
9
9
|
variant?: TSkeletonVariant;
|
|
10
10
|
width?: string | number;
|
|
11
11
|
height?: string | number;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"skeletons.d.ts","sourceRoot":"","sources":["../../../src/styles/skeletons.ts"],"names":[],"mappings":"AACA,OAAO,EACL,KAAK,
|
|
1
|
+
{"version":3,"file":"skeletons.d.ts","sourceRoot":"","sources":["../../../src/styles/skeletons.ts"],"names":[],"mappings":"AACA,OAAO,EACL,KAAK,gBAAgB,EACrB,KAAK,GAAG,EAIT,MAAM,iBAAiB,CAAC;AACzB,MAAM,MAAM,gBAAgB,GAAG,MAAM,GAAG,MAAM,GAAG,QAAQ,CAAC;AAE1D,MAAM,MAAM,cAAc,GAAG;IAC3B,IAAI,EAAE,GAAG,CAAC;IAEV,SAAS,EAAE,GAAG,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,GAAG,gBAAgB,KAAG,cActD,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAC3B,GAAG,gBAAgB,EACnB,OAAM;IACJ,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAC3B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACrB,KACL,GAoBF,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { type
|
|
1
|
+
import { type TStyleTokenValue, type TSx } from '../types/tokens';
|
|
2
2
|
export type TStepState = {
|
|
3
3
|
active?: boolean;
|
|
4
4
|
completed?: boolean;
|
|
@@ -12,8 +12,8 @@ export type TStepperParts = {
|
|
|
12
12
|
label: TSx;
|
|
13
13
|
subtitle: TSx;
|
|
14
14
|
};
|
|
15
|
-
export declare const getStepperParts: (t:
|
|
16
|
-
export declare const getStepVisual: (t:
|
|
15
|
+
export declare const getStepperParts: (t: TStyleTokenValue) => TStepperParts;
|
|
16
|
+
export declare const getStepVisual: (t: TStyleTokenValue, s?: TStepState) => {
|
|
17
17
|
bullet: TSx;
|
|
18
18
|
line: TSx;
|
|
19
19
|
label: TSx;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"steppers.d.ts","sourceRoot":"","sources":["../../../src/styles/steppers.ts"],"names":[],"mappings":"AACA,OAAO,
|
|
1
|
+
{"version":3,"file":"steppers.d.ts","sourceRoot":"","sources":["../../../src/styles/steppers.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,gBAAgB,EAAE,KAAK,GAAG,EAAc,MAAM,iBAAiB,CAAC;AAC9E,MAAM,MAAM,UAAU,GAAG;IACvB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG;IAC1B,SAAS,EAAE,GAAG,CAAC;IACf,IAAI,EAAE,GAAG,CAAC;IAEV,MAAM,EAAE,GAAG,CAAC;IACZ,IAAI,EAAE,GAAG,CAAC;IAEV,KAAK,EAAE,GAAG,CAAC;IACX,QAAQ,EAAE,GAAG,CAAC;CACf,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,GAAG,gBAAgB,KAAG,aAoCpD,CAAC;AAEH,eAAO,MAAM,aAAa,GACxB,GAAG,gBAAgB,EACnB,IAAG,UAAe,KACjB;IAAE,MAAM,EAAE,GAAG,CAAC;IAAC,IAAI,EAAE,GAAG,CAAC;IAAC,KAAK,EAAE,GAAG,CAAA;CAuCtC,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { type
|
|
1
|
+
import { type TStyleTokenValue, type TSx } from '../types/tokens';
|
|
2
2
|
export type TSwitchState = {
|
|
3
3
|
on?: boolean;
|
|
4
4
|
disabled?: boolean;
|
|
@@ -13,5 +13,5 @@ export type TSwitchParts = {
|
|
|
13
13
|
label: TSx;
|
|
14
14
|
focusRing: TSx;
|
|
15
15
|
};
|
|
16
|
-
export declare const getSwitchParts: (t:
|
|
16
|
+
export declare const getSwitchParts: (t: TStyleTokenValue, s?: TSwitchState) => TSwitchParts;
|
|
17
17
|
//# sourceMappingURL=switches.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"switches.d.ts","sourceRoot":"","sources":["../../../src/styles/switches.ts"],"names":[],"mappings":"AACA,OAAO,
|
|
1
|
+
{"version":3,"file":"switches.d.ts","sourceRoot":"","sources":["../../../src/styles/switches.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,gBAAgB,EAAE,KAAK,GAAG,EAAc,MAAM,iBAAiB,CAAC;AAC9E,MAAM,MAAM,YAAY,GAAG;IACzB,EAAE,CAAC,EAAE,OAAO,CAAC;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG;IACzB,OAAO,EAAE,GAAG,CAAC;IACb,KAAK,EAAE,GAAG,CAAC;IACX,KAAK,EAAE,GAAG,CAAC;IACX,KAAK,EAAE,GAAG,CAAC;IACX,SAAS,EAAE,GAAG,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,cAAc,GACzB,GAAG,gBAAgB,EACnB,IAAG,YAAiB,KACnB,YA+EF,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { type
|
|
1
|
+
import { type TStyleTokenValue, type TSx } from '../types/tokens';
|
|
2
2
|
export type TTableParts = {
|
|
3
3
|
container: TSx;
|
|
4
4
|
headerRow: TSx;
|
|
@@ -9,5 +9,5 @@ export type TTableParts = {
|
|
|
9
9
|
rowSelected: TSx;
|
|
10
10
|
emptyState: TSx;
|
|
11
11
|
};
|
|
12
|
-
export declare const getTableParts: (t:
|
|
12
|
+
export declare const getTableParts: (t: TStyleTokenValue) => TTableParts;
|
|
13
13
|
//# sourceMappingURL=tables.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tables.d.ts","sourceRoot":"","sources":["../../../src/styles/tables.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,
|
|
1
|
+
{"version":3,"file":"tables.d.ts","sourceRoot":"","sources":["../../../src/styles/tables.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,gBAAgB,EAAE,KAAK,GAAG,EAAO,MAAM,iBAAiB,CAAC;AAEvE,MAAM,MAAM,WAAW,GAAG;IACxB,SAAS,EAAE,GAAG,CAAC;IACf,SAAS,EAAE,GAAG,CAAC;IACf,UAAU,EAAE,GAAG,CAAC;IAEhB,GAAG,EAAE,GAAG,CAAC;IACT,IAAI,EAAE,GAAG,CAAC;IACV,QAAQ,EAAE,GAAG,CAAC;IACd,WAAW,EAAE,GAAG,CAAC;IAEjB,UAAU,EAAE,GAAG,CAAC;CACjB,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,GAAG,gBAAgB,KAAG,WAkDlD,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { type
|
|
1
|
+
import { type TStyleTokenValue, type TSx } from '../types/tokens';
|
|
2
2
|
export type TTabsVariant = 'underline' | 'pill';
|
|
3
3
|
export type TTabState = {
|
|
4
4
|
active?: boolean;
|
|
@@ -14,6 +14,6 @@ export type TTabsParts = {
|
|
|
14
14
|
indicator: TSx;
|
|
15
15
|
focusRing: TSx;
|
|
16
16
|
};
|
|
17
|
-
export declare const getTabsListStyle: (t:
|
|
18
|
-
export declare const getTabParts: (t:
|
|
17
|
+
export declare const getTabsListStyle: (t: TStyleTokenValue, variant?: TTabsVariant) => TSx;
|
|
18
|
+
export declare const getTabParts: (t: TStyleTokenValue, variant: TTabsVariant, s?: TTabState) => TTabsParts;
|
|
19
19
|
//# sourceMappingURL=tabs.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../../src/styles/tabs.ts"],"names":[],"mappings":"AACA,OAAO,
|
|
1
|
+
{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../../src/styles/tabs.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,gBAAgB,EAAE,KAAK,GAAG,EAAc,MAAM,iBAAiB,CAAC;AAC9E,MAAM,MAAM,YAAY,GAAG,WAAW,GAAG,MAAM,CAAC;AAEhD,MAAM,MAAM,SAAS,GAAG;IACtB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG;IACvB,IAAI,EAAE,GAAG,CAAC;IACV,GAAG,EAAE,GAAG,CAAC;IACT,KAAK,EAAE,GAAG,CAAC;IACX,SAAS,EAAE,GAAG,CAAC;IACf,SAAS,EAAE,GAAG,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAC3B,GAAG,gBAAgB,EACnB,UAAS,YAA0B,KAClC,GAQD,CAAC;AAEH,eAAO,MAAM,WAAW,GACtB,GAAG,gBAAgB,EACnB,SAAS,YAAY,EACrB,IAAG,SAAc,KAChB,UAiEF,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { type
|
|
1
|
+
import { type TStyleTokenValue, type TSx } from '../types/tokens';
|
|
2
2
|
export type TToastVariant = 'info' | 'success' | 'warning' | 'error';
|
|
3
3
|
export type TToastParts = {
|
|
4
4
|
container: TSx;
|
|
@@ -8,6 +8,6 @@ export type TToastParts = {
|
|
|
8
8
|
message: TSx;
|
|
9
9
|
closeButton: TSx;
|
|
10
10
|
};
|
|
11
|
-
export declare const getToastParts: (t:
|
|
12
|
-
export declare const getToastViewportStyle: (t:
|
|
11
|
+
export declare const getToastParts: (t: TStyleTokenValue, variant?: TToastVariant) => TToastParts;
|
|
12
|
+
export declare const getToastViewportStyle: (t: TStyleTokenValue) => TSx;
|
|
13
13
|
//# sourceMappingURL=toasts.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"toasts.d.ts","sourceRoot":"","sources":["../../../src/styles/toasts.ts"],"names":[],"mappings":"AACA,OAAO,
|
|
1
|
+
{"version":3,"file":"toasts.d.ts","sourceRoot":"","sources":["../../../src/styles/toasts.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,gBAAgB,EAAE,KAAK,GAAG,EAAe,MAAM,iBAAiB,CAAC;AAC/E,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;AAErE,MAAM,MAAM,WAAW,GAAG;IACxB,SAAS,EAAE,GAAG,CAAC;IACf,IAAI,EAAE,GAAG,CAAC;IACV,OAAO,EAAE,GAAG,CAAC;IACb,KAAK,EAAE,GAAG,CAAC;IACX,OAAO,EAAE,GAAG,CAAC;IACb,WAAW,EAAE,GAAG,CAAC;CAClB,CAAC;AAuBF,eAAO,MAAM,aAAa,GACxB,GAAG,gBAAgB,EACnB,UAAS,aAAsB,KAC9B,WAkDF,CAAC;AAGF,eAAO,MAAM,qBAAqB,GAAI,GAAG,gBAAgB,KAAG,GAM1D,CAAC"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { type
|
|
1
|
+
import { type TStyleTokenValue, type TSx } from '../types/tokens';
|
|
2
2
|
export type TTooltipParts = {
|
|
3
3
|
container: TSx;
|
|
4
4
|
arrow: TSx;
|
|
5
5
|
title: TSx;
|
|
6
6
|
body: TSx;
|
|
7
7
|
};
|
|
8
|
-
export declare const getTooltipParts: (t:
|
|
8
|
+
export declare const getTooltipParts: (t: TStyleTokenValue) => TTooltipParts;
|
|
9
9
|
//# sourceMappingURL=tooltips.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tooltips.d.ts","sourceRoot":"","sources":["../../../src/styles/tooltips.ts"],"names":[],"mappings":"AACA,OAAO,
|
|
1
|
+
{"version":3,"file":"tooltips.d.ts","sourceRoot":"","sources":["../../../src/styles/tooltips.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,gBAAgB,EAAE,KAAK,GAAG,EAAe,MAAM,iBAAiB,CAAC;AAC/E,MAAM,MAAM,aAAa,GAAG;IAC1B,SAAS,EAAE,GAAG,CAAC;IACf,KAAK,EAAE,GAAG,CAAC;IACX,KAAK,EAAE,GAAG,CAAC;IACX,IAAI,EAAE,GAAG,CAAC;CACX,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,GAAG,gBAAgB,KAAG,aAyCrD,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/theme/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"themeContext.d.ts","sourceRoot":"","sources":["../../../src/theme/themeContext.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAEjD,MAAM,MAAM,kBAAkB,GAAG;IAC/B,MAAM,EAAE,gBAAgB,CAAC;CAC1B,CAAC;AAEF,eAAO,MAAM,YAAY,oDAAiD,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"themeProvider.d.ts","sourceRoot":"","sources":["../../../src/theme/themeProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAGjD,eAAO,MAAM,aAAa,GAAI,uBAG3B;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAAC,MAAM,EAAE,gBAAgB,CAAA;CAAE,4CAIzD,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../../../../src/theme/themes/corporate/colors.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAEjE,KAAK,UAAU,CAAC,KAAK,IAAI;IACvB,IAAI,EAAE,KAAK,CAAC;IACZ,KAAK,EAAE,KAAK,CAAC;CACd,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,UAAU,CAAC,oBAAoB,CA+CjE,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/theme/themes/corporate/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useTheme.d.ts","sourceRoot":"","sources":["../../../src/theme/useTheme.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,QAAQ,mDAQpB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useTokens.d.ts","sourceRoot":"","sources":["../../../src/theme/useTokens.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS,qCAA0B,CAAC"}
|
|
@@ -1,10 +1,5 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
hovered?: boolean;
|
|
4
|
-
pressed?: boolean;
|
|
5
|
-
focusVisible?: boolean;
|
|
6
|
-
loading?: boolean;
|
|
7
|
-
};
|
|
1
|
+
import type { TStyleguideInteractionState } from '@react-xp/styleguide';
|
|
2
|
+
export type TAny = any;
|
|
8
3
|
export type TSelectionState = {
|
|
9
4
|
selected?: boolean;
|
|
10
5
|
checked?: boolean;
|
|
@@ -20,7 +15,6 @@ export type TFieldState = {
|
|
|
20
15
|
invalid?: boolean;
|
|
21
16
|
readOnly?: boolean;
|
|
22
17
|
};
|
|
23
|
-
export type TCommonComponentState =
|
|
24
|
-
export declare const isDisabled: (s?: TInteractiveState) => boolean;
|
|
18
|
+
export type TCommonComponentState = TStyleguideInteractionState & Partial<TSelectionState> & Partial<TDisclosureState> & Partial<TFieldState>;
|
|
25
19
|
export declare const isInvalid: (s?: TFieldState) => boolean;
|
|
26
20
|
//# sourceMappingURL=states.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"states.d.ts","sourceRoot":"","sources":["../../../src/types/states.ts"],"names":[],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"file":"states.d.ts","sourceRoot":"","sources":["../../../src/types/states.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,sBAAsB,CAAC;AAGxE,MAAM,MAAM,IAAI,GAAG,GAAG,CAAC;AAEvB,MAAM,MAAM,eAAe,GAAG;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG;IACxB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG,2BAA2B,GAC7D,OAAO,CAAC,eAAe,CAAC,GACxB,OAAO,CAAC,gBAAgB,CAAC,GACzB,OAAO,CAAC,WAAW,CAAC,CAAC;AAEvB,eAAO,MAAM,SAAS,GAAI,IAAI,WAAW,YAAoC,CAAC"}
|
|
@@ -1,16 +1,15 @@
|
|
|
1
1
|
import { type TStyleguideColorToken, type TStyleguideMotionPresetToken, type TStyleguideMotionToken, type TStyleguideRadiusToken, type TStyleguideShadowsToken, type TStyleguideSpacingToken, type TStyleguideTypographyToken, type TStyleguideUtilsToken, type TStyleguideZIndexToken } from '@react-xp/styleguide';
|
|
2
2
|
type TAny = any;
|
|
3
|
-
type
|
|
4
|
-
export type
|
|
5
|
-
export type TSx =
|
|
6
|
-
export
|
|
7
|
-
export declare const tok: <TTokenValue extends TStyleguideTokenValue, TTokenKey extends TStyleguideToken>(t: TTokenValue, key: TTokenKey) => TStyleguideTokenValue[TTokenKey];
|
|
3
|
+
type TStyleToken = TStyleguideColorToken | TStyleguideMotionToken | TStyleguideRadiusToken | TStyleguideShadowsToken | TStyleguideSpacingToken | TStyleguideTypographyToken | TStyleguideUtilsToken | TStyleguideZIndexToken;
|
|
4
|
+
export type TStyleTokenValue = Record<TStyleToken, string | number>;
|
|
5
|
+
export type TSx = TAny;
|
|
6
|
+
export declare const tok: <TTokenValue extends TStyleTokenValue, TTokenKey extends TStyleToken>(t: TTokenValue, key: TTokenKey) => TStyleTokenValue[TTokenKey];
|
|
8
7
|
export declare const merge: (...styles: Array<TSx | undefined | false | null>) => TSx;
|
|
9
8
|
export type TMotionPresetToken = TStyleguideMotionPresetToken;
|
|
10
9
|
export type TMotionResolved = {
|
|
11
10
|
durationMs: number;
|
|
12
11
|
easing: string;
|
|
13
12
|
};
|
|
14
|
-
export declare const motion: (t:
|
|
13
|
+
export declare const motion: (t: TStyleTokenValue, preset: TStyleguideMotionPresetToken) => TMotionResolved;
|
|
15
14
|
export {};
|
|
16
15
|
//# sourceMappingURL=tokens.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../../src/types/tokens.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,qBAAqB,EAG1B,KAAK,4BAA4B,EACjC,KAAK,sBAAsB,EAC3B,KAAK,sBAAsB,EAC3B,KAAK,uBAAuB,EAC5B,KAAK,uBAAuB,EAC5B,KAAK,0BAA0B,EAC/B,KAAK,qBAAqB,EAC1B,KAAK,sBAAsB,EAE5B,MAAM,sBAAsB,CAAC;AAG9B,KAAK,IAAI,GAAG,GAAG,CAAC;AAEhB,KAAK,
|
|
1
|
+
{"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../../src/types/tokens.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,qBAAqB,EAG1B,KAAK,4BAA4B,EACjC,KAAK,sBAAsB,EAC3B,KAAK,sBAAsB,EAC3B,KAAK,uBAAuB,EAC5B,KAAK,uBAAuB,EAC5B,KAAK,0BAA0B,EAC/B,KAAK,qBAAqB,EAC1B,KAAK,sBAAsB,EAE5B,MAAM,sBAAsB,CAAC;AAG9B,KAAK,IAAI,GAAG,GAAG,CAAC;AAEhB,KAAK,WAAW,GACZ,qBAAqB,GACrB,sBAAsB,GACtB,sBAAsB,GACtB,uBAAuB,GACvB,uBAAuB,GACvB,0BAA0B,GAC1B,qBAAqB,GACrB,sBAAsB,CAAC;AAE3B,MAAM,MAAM,gBAAgB,GAAG,MAAM,CAAC,WAAW,EAAE,MAAM,GAAG,MAAM,CAAC,CAAC;AAEpE,MAAM,MAAM,GAAG,GAAG,IAAI,CAAC;AAEvB,eAAO,MAAM,GAAG,GACd,WAAW,SAAS,gBAAgB,EACpC,SAAS,SAAS,WAAW,EAE7B,GAAG,WAAW,EACd,KAAK,SAAS,KACb,gBAAgB,CAAC,SAAS,CAAW,CAAC;AACzC,eAAO,MAAM,KAAK,GAAI,GAAG,QAAQ,KAAK,CAAC,GAAG,GAAG,SAAS,GAAG,KAAK,GAAG,IAAI,CAAC,KAAG,GAC3B,CAAC;AAG/C,MAAM,MAAM,kBAAkB,GAAG,4BAA4B,CAAC;AAE9D,MAAM,MAAM,eAAe,GAAG;IAC5B,UAAU,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,MAAM,GACjB,GAAG,gBAAgB,EACnB,QAAQ,4BAA4B,KACnC,eAUF,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@react-xp/design-system",
|
|
3
3
|
"description": "This is a React Experience design-system package",
|
|
4
|
-
"version": "1.0.0-beta.
|
|
4
|
+
"version": "1.0.0-beta.3",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"access": "public"
|
|
7
7
|
},
|
|
@@ -27,6 +27,7 @@
|
|
|
27
27
|
"README.md"
|
|
28
28
|
],
|
|
29
29
|
"peerDependencies": {
|
|
30
|
+
"@react-xp/aeiou": "*",
|
|
30
31
|
"@react-xp/styleguide": "*",
|
|
31
32
|
"class-variance-authority": "^0.7.1",
|
|
32
33
|
"clsx": "^2.1.1",
|
|
@@ -56,8 +57,9 @@
|
|
|
56
57
|
"tailwind-merge": "^3.2.0",
|
|
57
58
|
"tailwindcss": "^4.1.7",
|
|
58
59
|
"typescript": "^5.7.2",
|
|
59
|
-
"@react-xp/
|
|
60
|
-
"@react-xp/typescript": "0.0.0"
|
|
60
|
+
"@react-xp/aeiou": "0.1.0-beta.14",
|
|
61
|
+
"@react-xp/typescript": "0.0.0",
|
|
62
|
+
"@react-xp/styleguide": "1.0.0-beta.6"
|
|
61
63
|
},
|
|
62
64
|
"overrides": {
|
|
63
65
|
"conventional-changelog-conventionalcommits": ">= 8.0.0"
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
import { type TStyleguideTokenValue, type TSx } from '../types/tokens';
|
|
2
|
-
export type TButtonVariant = 'primary' | 'secondary' | 'ghost' | 'danger';
|
|
3
|
-
export type TButtonSize = 'sm' | 'md' | 'lg';
|
|
4
|
-
export type TButtonState = {
|
|
5
|
-
disabled?: boolean;
|
|
6
|
-
loading?: boolean;
|
|
7
|
-
hovered?: boolean;
|
|
8
|
-
pressed?: boolean;
|
|
9
|
-
focused?: boolean;
|
|
10
|
-
fullWidth?: boolean;
|
|
11
|
-
};
|
|
12
|
-
export type TButtonParts = {
|
|
13
|
-
container: TSx;
|
|
14
|
-
label: TSx;
|
|
15
|
-
icon: TSx;
|
|
16
|
-
focusRing: TSx;
|
|
17
|
-
};
|
|
18
|
-
export declare const getButtonParts: (t: TStyleguideTokenValue, opts?: {
|
|
19
|
-
variant?: TButtonVariant;
|
|
20
|
-
size?: TButtonSize;
|
|
21
|
-
} & TButtonState) => TButtonParts;
|
|
22
|
-
//# sourceMappingURL=buttons.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"buttons.d.ts","sourceRoot":"","sources":["../../../src/styles/buttons.ts"],"names":[],"mappings":"AACA,OAAO,EACL,KAAK,qBAAqB,EAC1B,KAAK,GAAG,EAGT,MAAM,iBAAiB,CAAC;AAEzB,MAAM,MAAM,cAAc,GAAG,SAAS,GAAG,WAAW,GAAG,OAAO,GAAG,QAAQ,CAAC;AAC1E,MAAM,MAAM,WAAW,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE7C,MAAM,MAAM,YAAY,GAAG;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG;IACzB,SAAS,EAAE,GAAG,CAAC;IACf,KAAK,EAAE,GAAG,CAAC;IACX,IAAI,EAAE,GAAG,CAAC;IACV,SAAS,EAAE,GAAG,CAAC;CAChB,CAAC;AAkFF,eAAO,MAAM,cAAc,GACzB,GAAG,qBAAqB,EACxB,OAAM;IAAE,OAAO,CAAC,EAAE,cAAc,CAAC;IAAC,IAAI,CAAC,EAAE,WAAW,CAAA;CAAE,GAAG,YAAiB,KACzE,YAqEF,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../../../src/themes/corporate/colors.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAEjE,KAAK,UAAU,CAAC,KAAK,IAAI;IACvB,IAAI,EAAE,KAAK,CAAC;IACZ,KAAK,EAAE,KAAK,CAAC;CACd,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,UAAU,CAAC,oBAAoB,CA+CjE,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/themes/corporate/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC"}
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|