@react-xp/design-system 1.0.0-beta.0 → 1.0.0-beta.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/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 -0
- package/dist/cjs/showcase/buttons/buttons.web.js +10 -0
- package/dist/cjs/showcase/buttons/index.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/themes/corporate/colors.js +45 -0
- package/dist/cjs/theme/themes/corporate/index.js +17 -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 -0
- package/dist/esm/showcase/buttons/buttons.web.js +6 -0
- package/dist/esm/showcase/buttons/index.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/themes/corporate/colors.js +42 -0
- package/dist/esm/theme/themes/corporate/index.js +1 -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 -0
- package/dist/types/index.d.ts.map +1 -1
- 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/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 +8 -0
- package/dist/types/theme/themes/corporate/colors.d.ts.map +1 -0
- package/dist/types/theme/themes/corporate/index.d.ts +2 -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 +10 -3
- package/dist/types/styles/buttons.d.ts +0 -22
- package/dist/types/styles/buttons.d.ts.map +0 -1
|
@@ -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.2",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"access": "public"
|
|
7
7
|
},
|
|
@@ -13,6 +13,11 @@
|
|
|
13
13
|
"require": "./dist/cjs/index.js",
|
|
14
14
|
"import": "./dist/esm/index.js",
|
|
15
15
|
"types": "./dist/types/index.d.ts"
|
|
16
|
+
},
|
|
17
|
+
"./themes/corporate": {
|
|
18
|
+
"require": "./dist/cjs/themes/corporate/index.js",
|
|
19
|
+
"import": "./dist/esm/themes/corporate/index.js",
|
|
20
|
+
"types": "./dist/types/themes/corporate/index.d.ts"
|
|
16
21
|
}
|
|
17
22
|
},
|
|
18
23
|
"sideEffects": false,
|
|
@@ -22,6 +27,7 @@
|
|
|
22
27
|
"README.md"
|
|
23
28
|
],
|
|
24
29
|
"peerDependencies": {
|
|
30
|
+
"@react-xp/aeiou": "*",
|
|
25
31
|
"@react-xp/styleguide": "*",
|
|
26
32
|
"class-variance-authority": "^0.7.1",
|
|
27
33
|
"clsx": "^2.1.1",
|
|
@@ -51,8 +57,9 @@
|
|
|
51
57
|
"tailwind-merge": "^3.2.0",
|
|
52
58
|
"tailwindcss": "^4.1.7",
|
|
53
59
|
"typescript": "^5.7.2",
|
|
54
|
-
"@react-xp/styleguide": "1.0.0-beta.
|
|
55
|
-
"@react-xp/typescript": "0.0.0"
|
|
60
|
+
"@react-xp/styleguide": "1.0.0-beta.6",
|
|
61
|
+
"@react-xp/typescript": "0.0.0",
|
|
62
|
+
"@react-xp/aeiou": "0.1.0-beta.14"
|
|
56
63
|
},
|
|
57
64
|
"overrides": {
|
|
58
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
|
-
focusVisible?: 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,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,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"}
|