@iress-oss/ids-components 6.0.0-alpha.12 → 6.0.0-alpha.14
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/{Button-ZGbOkyOo.js → Button-BTkololu.js} +124 -117
- package/dist/{Provider-BPoPUE-B.js → Provider-B87u_maF.js} +4 -4
- package/dist/components/Alert/Alert.js +35 -36
- package/dist/components/Alert/Alert.styles.d.ts +24 -32
- package/dist/components/Alert/Alert.styles.js +24 -32
- package/dist/components/Button/Button.d.ts +3 -2
- package/dist/components/Button/Button.js +1 -1
- package/dist/components/Button/CloseButton/CloseButton.js +1 -1
- package/dist/components/Button/index.js +1 -1
- package/dist/components/Card/Card.styles.js +1 -1
- package/dist/components/Divider/Divider.d.ts +1 -1
- package/dist/components/Divider/Divider.js +24 -20
- package/dist/components/Divider/Divider.styles.d.ts +6 -1
- package/dist/components/Divider/Divider.styles.js +17 -3
- package/dist/components/Expander/Expander.js +65 -52
- package/dist/components/Expander/Expander.styles.d.ts +23 -11
- package/dist/components/Expander/Expander.styles.js +44 -31
- package/dist/components/Filter/Filter.js +120 -117
- package/dist/components/Filter/Filter.styles.js +5 -3
- package/dist/components/Filter/components/FilterResetButton.js +1 -1
- package/dist/components/Input/Input.js +1 -1
- package/dist/components/Link/Link.styles.js +0 -1
- package/dist/components/Menu/MenuText/MenuText.js +1 -1
- package/dist/components/Modal/Modal.js +1 -1
- package/dist/components/Modal/Modal.styles.d.ts +1 -1
- package/dist/components/Modal/Modal.styles.js +1 -1
- package/dist/components/Progress/Progress.js +1 -1
- package/dist/components/Provider/Provider.js +1 -1
- package/dist/components/Provider/index.js +1 -1
- package/dist/components/RichSelect/SelectHeading/SelectHeading.js +19 -19
- package/dist/components/RichSelect/SelectTags/SelectTags.js +1 -1
- package/dist/components/SkipLink/SkipLink.js +1 -1
- package/dist/components/Slideout/components/SlideoutInner.js +1 -1
- package/dist/components/Slideout/hooks/usePushElement.js +1 -1
- package/dist/components/Stack/Stack.d.ts +5 -1
- package/dist/components/Stack/Stack.styles.d.ts +20 -0
- package/dist/components/Stack/Stack.styles.js +23 -3
- package/dist/components/TabSet/TabSet.styles.js +1 -1
- package/dist/components/Tag/Tag.d.ts +27 -4
- package/dist/components/Tag/Tag.js +50 -33
- package/dist/components/Tag/Tag.styles.d.ts +25 -0
- package/dist/components/Tag/Tag.styles.js +39 -12
- package/dist/components/Tag/TagInput/TagInput.js +51 -48
- package/dist/components/Tag/TagInput/TagInput.styles.js +4 -10
- package/dist/components/Toaster/components/Toast/Toast.d.ts +5 -3
- package/dist/components/Toaster/components/Toast/Toast.js +65 -58
- package/dist/components/Toaster/components/Toast/Toast.styles.d.ts +31 -1
- package/dist/components/Toaster/components/Toast/Toast.styles.js +33 -6
- package/dist/{index-gmMGso0u.js → index-Bm5rQqn5.js} +5 -1
- package/dist/interfaces.d.ts +7 -2
- package/dist/main.js +2 -2
- package/dist/patterns/Loading/components/LongLoading.js +28 -28
- package/dist/patterns/Loading/components/PageLoading.js +32 -32
- package/dist/patterns/Loading/components/ValidateLoading.js +1 -1
- package/dist/patterns/Loading/hooks/useEstimatedProgressValue.js +14 -14
- package/dist/patterns/Shadow/Shadow.js +469 -776
- package/dist/style.css +1 -1
- package/dist/styled-system/recipes/button.d.ts +1 -1
- package/dist/styled-system/tokens/tokens.d.ts +1 -1
- package/dist/styled-system/types/prop-type.d.ts +2 -2
- package/package.json +4 -4
|
@@ -7,7 +7,7 @@ interface ButtonVariant {
|
|
|
7
7
|
fluid: "true" | "xs" | "sm" | "md" | "lg" | "xl" | "xxl"
|
|
8
8
|
inButtonGroup: boolean
|
|
9
9
|
loading: boolean
|
|
10
|
-
mode: "primary" | "secondary" | "tertiary" | "muted"
|
|
10
|
+
mode: "primary" | "secondary" | "tertiary" | "quaternary" | "muted"
|
|
11
11
|
noWrap: boolean
|
|
12
12
|
status: "success" | "danger"
|
|
13
13
|
}
|
|
@@ -7,7 +7,7 @@ export type BorderToken = "alert" | "divider" | "input" | "placeholder" | "hover
|
|
|
7
7
|
|
|
8
8
|
export type ColorToken = "colour.primary.fill" | "colour.primary.fillHover" | "colour.primary.onFill" | "colour.primary.surface" | "colour.primary.surfaceHover" | "colour.primary.text" | "colour.neutral.10" | "colour.neutral.20" | "colour.neutral.30" | "colour.neutral.40" | "colour.neutral.50" | "colour.neutral.60" | "colour.neutral.70" | "colour.neutral.80" | "colour.neutral.90" | "colour.accent.1" | "colour.accent.2" | "colour.system.success.fill" | "colour.system.success.fillHover" | "colour.system.success.onFill" | "colour.system.success.surface" | "colour.system.success.surfaceHover" | "colour.system.success.text" | "colour.system.danger.fill" | "colour.system.danger.fillHover" | "colour.system.danger.onFill" | "colour.system.danger.surface" | "colour.system.danger.surfaceHover" | "colour.system.danger.text" | "colour.system.warning.fill" | "colour.system.warning.onFill" | "colour.system.warning.fillHover" | "colour.system.warning.surface" | "colour.system.warning.text" | "colour.system.warning.surfaceHover" | "colour.system.info.fill" | "colour.system.info.onFill" | "colour.system.info.fillHover" | "colour.system.info.surface" | "colour.system.info.text" | "colour.system.info.surfaceHover" | "colour.system.backdrop.fill" | "colour.data.subtle.10" | "colour.data.subtle.20" | "colour.data.subtle.30" | "colour.data.subtle.40" | "colour.data.subtle.50" | "colour.data.subtle.60" | "colour.data.subtle.70" | "colour.data.subtle.80" | "colour.data.subtle.90" | "colour.data.bold.10" | "colour.data.bold.20" | "colour.data.bold.30" | "colour.data.bold.40" | "colour.data.bold.50" | "colour.data.bold.60" | "colour.data.bold.70" | "colour.data.bold.80" | "colour.data.bold.90" | "transparent" | "page" | "alt" | "muted" | "text" | "colorPalette"
|
|
9
9
|
|
|
10
|
-
export type RadiusToken = "radius.000" | "radius.025" | "radius.050" | "radius.075" | "radius.100" | "radius.system.badge" | "radius.system.button" | "radius.system.form" | "radius.system.layout" | "none"
|
|
10
|
+
export type RadiusToken = "radius.000" | "radius.025" | "radius.050" | "radius.075" | "radius.100" | "radius.system.badge" | "radius.system.button" | "radius.system.form" | "radius.system.layout" | "none" | "50%"
|
|
11
11
|
|
|
12
12
|
export type SizeToken = "container.xs" | "container.sm" | "container.md" | "container.lg" | "container.xl" | "container.xxl" | "input.2" | "input.4" | "input.6" | "input.8" | "input.10" | "input.12" | "input.16" | "input.25%" | "input.50%" | "input.75%" | "input.100%" | "input.height" | "1/12" | "2/12" | "3/12" | "4/12" | "5/12" | "6/12" | "7/12" | "8/12" | "9/12" | "10/12" | "11/12" | "12/12" | "overlay.sm" | "overlay.md" | "overlay.lg" | "chevron.select" | "chevron.table" | "progress.height" | "slider.track" | "slider.thumb" | "slider.tick" | "toggle.width" | "toggle.thumb" | "typography.base" | "breakpoint-xs" | "breakpoint-sm" | "breakpoint-md" | "breakpoint-lg" | "breakpoint-xl" | "breakpoint-xxl"
|
|
13
13
|
|
|
@@ -195,8 +195,8 @@ export interface UtilityValues {
|
|
|
195
195
|
scrollable: "x" | "y" | "true";
|
|
196
196
|
stretch: boolean;
|
|
197
197
|
colorPalette: "colour.primary.fill" | "colour.primary.fillHover" | "colour.primary.onFill" | "colour.primary.surface" | "colour.primary.surfaceHover" | "colour.primary.text" | "colour.neutral.10" | "colour.neutral.20" | "colour.neutral.30" | "colour.neutral.40" | "colour.neutral.50" | "colour.neutral.60" | "colour.neutral.70" | "colour.neutral.80" | "colour.neutral.90" | "colour.accent.1" | "colour.accent.2" | "colour.system.success.fill" | "colour.system.success.fillHover" | "colour.system.success.onFill" | "colour.system.success.surface" | "colour.system.success.surfaceHover" | "colour.system.success.text" | "colour.system.danger.fill" | "colour.system.danger.fillHover" | "colour.system.danger.onFill" | "colour.system.danger.surface" | "colour.system.danger.surfaceHover" | "colour.system.danger.text" | "colour.system.warning.fill" | "colour.system.warning.onFill" | "colour.system.warning.fillHover" | "colour.system.warning.surface" | "colour.system.warning.text" | "colour.system.warning.surfaceHover" | "colour.system.info.fill" | "colour.system.info.onFill" | "colour.system.info.fillHover" | "colour.system.info.surface" | "colour.system.info.text" | "colour.system.info.surfaceHover" | "colour.system.backdrop.fill" | "colour.data.subtle.10" | "colour.data.subtle.20" | "colour.data.subtle.30" | "colour.data.subtle.40" | "colour.data.subtle.50" | "colour.data.subtle.60" | "colour.data.subtle.70" | "colour.data.subtle.80" | "colour.data.subtle.90" | "colour.data.bold.10" | "colour.data.bold.20" | "colour.data.bold.30" | "colour.data.bold.40" | "colour.data.bold.50" | "colour.data.bold.60" | "colour.data.bold.70" | "colour.data.bold.80" | "colour.data.bold.90" | "transparent" | "page" | "alt" | "muted" | "text";
|
|
198
|
-
textStyle: "typography.heading.1" | "typography.heading.2" | "typography.heading.3" | "typography.heading.4" | "typography.heading.5" | "typography.body.sm" | "typography.body.sm.regular" | "typography.body.sm.medium" | "typography.body.sm.strong" | "typography.body.sm.em" | "typography.body.md.regular" | "typography.body.md" | "typography.body.md.medium" | "typography.body.md.strong" | "typography.body.md.em" | "typography.
|
|
199
|
-
layerStyle: "elevation.raised" | "elevation.floating" | "elevation.overflow" | "elevation.focus" | "elevation.focusCompact" | "dots" | "skeleton";
|
|
198
|
+
textStyle: "typography.heading.1" | "typography.heading.2" | "typography.heading.3" | "typography.heading.4" | "typography.heading.5" | "typography.body.sm" | "typography.body.sm.regular" | "typography.body.sm.medium" | "typography.body.sm.strong" | "typography.body.sm.em" | "typography.body.md.regular" | "typography.body.md" | "typography.body.md.medium" | "typography.body.md.strong" | "typography.body.md.em" | "typography.code" | "inherit";
|
|
199
|
+
layerStyle: "elevation.raised" | "elevation.floating" | "elevation.overflow" | "elevation.focus" | "elevation.focusCompact" | "elevation.focusNoBorder" | "dots" | "skeleton";
|
|
200
200
|
animationStyle: "field-footer" | "icon-spin-half" | "icon-spin-1" | "icon-spin-2" | "icon-spin-3" | "loading-fade-next" | "loading-slide-next" | "skeleton-loading" | "toggle-active";
|
|
201
201
|
}
|
|
202
202
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@iress-oss/ids-components",
|
|
3
|
-
"version": "6.0.0-alpha.
|
|
3
|
+
"version": "6.0.0-alpha.14",
|
|
4
4
|
"description": "Iress React Component Library",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"type": "module",
|
|
@@ -29,8 +29,8 @@
|
|
|
29
29
|
"typecheck:node": "tsc --noEmit -p tsconfig.node.json"
|
|
30
30
|
},
|
|
31
31
|
"devDependencies": {
|
|
32
|
-
"@iress-oss/ids-tokens": "^6.0.0-alpha.
|
|
33
|
-
"@pandacss/dev": "1.7.
|
|
32
|
+
"@iress-oss/ids-tokens": "^6.0.0-alpha.9",
|
|
33
|
+
"@pandacss/dev": "1.7.2",
|
|
34
34
|
"@testing-library/dom": "10.4.1",
|
|
35
35
|
"@testing-library/jest-dom": "6.9.1",
|
|
36
36
|
"@testing-library/react": "16.3.1",
|
|
@@ -52,7 +52,7 @@
|
|
|
52
52
|
"eslint-plugin-sonarjs": "^3.0.5",
|
|
53
53
|
"glob": "13.0.0",
|
|
54
54
|
"jest-axe": "10.0.0",
|
|
55
|
-
"jsdom": "27.
|
|
55
|
+
"jsdom": "27.4.0",
|
|
56
56
|
"lightningcss": "^1.30.2",
|
|
57
57
|
"postcss": "8.4.31",
|
|
58
58
|
"prettier": "^3.7.4",
|