@descope/flow-components 2.0.365 → 2.0.366

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/index.cjs.js CHANGED
@@ -124,7 +124,7 @@ const alignItems = {
124
124
  baseline: 'baseline',
125
125
  stretch: 'stretch'
126
126
  };
127
- const Container = React__default.default.forwardRef(({ background, justify, paddingX = '0', paddingY = '0', shadow, width, align, spaceBetween, ...props }, ref) => {
127
+ const Container = React__default.default.forwardRef(({ background, justify, paddingX = '0', paddingY = '0', shadow, width, align, spaceBetween, backgroundImage, ...props }, ref) => {
128
128
  const mergedProps = {
129
129
  ...props,
130
130
  shadow,
@@ -133,6 +133,9 @@ const Container = React__default.default.forwardRef(({ background, justify, padd
133
133
  'st-align-items': alignItems[align],
134
134
  'st-justify-content': justifyContent[justify],
135
135
  'st-background-color': background,
136
+ 'st-background-image': backgroundImage?.trim()
137
+ ? `url('${backgroundImage.trim()}')`
138
+ : undefined,
136
139
  'st-host-width': width,
137
140
  'st-gap': spaceBetween && `${Number.parseFloat(spaceBetween) / 4}rem`
138
141
  };
package/dist/index.d.ts CHANGED
@@ -108,6 +108,7 @@ type Props$z = {
108
108
  paddingX?: string;
109
109
  paddingY?: string;
110
110
  background?: string;
111
+ backgroundImage?: string;
111
112
  width?: string;
112
113
  } & ((Flex & Never<ContainerAlignment>) | (ContainerAlignment & Never<Flex>));
113
114
  declare global {
package/dist/index.esm.js CHANGED
@@ -118,7 +118,7 @@ const alignItems = {
118
118
  baseline: 'baseline',
119
119
  stretch: 'stretch'
120
120
  };
121
- const Container = React.forwardRef(({ background, justify, paddingX = '0', paddingY = '0', shadow, width, align, spaceBetween, ...props }, ref) => {
121
+ const Container = React.forwardRef(({ background, justify, paddingX = '0', paddingY = '0', shadow, width, align, spaceBetween, backgroundImage, ...props }, ref) => {
122
122
  const mergedProps = {
123
123
  ...props,
124
124
  shadow,
@@ -127,6 +127,9 @@ const Container = React.forwardRef(({ background, justify, paddingX = '0', paddi
127
127
  'st-align-items': alignItems[align],
128
128
  'st-justify-content': justifyContent[justify],
129
129
  'st-background-color': background,
130
+ 'st-background-image': backgroundImage?.trim()
131
+ ? `url('${backgroundImage.trim()}')`
132
+ : undefined,
130
133
  'st-host-width': width,
131
134
  'st-gap': spaceBetween && `${Number.parseFloat(spaceBetween) / 4}rem`
132
135
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@descope/flow-components",
3
- "version": "2.0.365",
3
+ "version": "2.0.366",
4
4
  "description": "",
5
5
  "main": "dist/index.cjs.js",
6
6
  "module": "dist/index.esm.js",
@@ -102,7 +102,7 @@
102
102
  "typescript": "^5.0.0"
103
103
  },
104
104
  "dependencies": {
105
- "@descope/web-components-ui": "1.0.396"
105
+ "@descope/web-components-ui": "1.0.400"
106
106
  },
107
107
  "peerDependencies": {
108
108
  "react": ">=17"