@stack-spot/citric-react 0.14.0 → 0.14.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.
Files changed (7) hide show
  1. package/dist/citric.css +6 -0
  2. package/dist/components/FieldGroup.d.ts +1 -1
  3. package/dist/components/FieldGroup.d.ts.map +1 -1
  4. package/dist/components/FieldGroup.js +1 -1
  5. package/dist/components/FieldGroup.js.map +1 -1
  6. package/package.json +1 -1
  7. package/src/components/FieldGroup.tsx +7 -2
package/dist/citric.css CHANGED
@@ -1796,6 +1796,11 @@ nav[data-citric="menu"].rounded-items, [data-citric="menu"].rounded-items nav {
1796
1796
  --bg-hover: var(--palette-500);
1797
1797
  --fg: var(--palette-50);
1798
1798
  }
1799
+
1800
+ /* Images */
1801
+ img {
1802
+ width: 100%;
1803
+ }
1799
1804
  }
1800
1805
 
1801
1806
  /* Buttons and anchors (icon buttons) */
@@ -1935,6 +1940,7 @@ input[type="reset"][data-citric="icon-box"], .apply-citric input[type="reset"].c
1935
1940
 
1936
1941
  &.full-width {
1937
1942
  width: auto;
1943
+ flex: 1;
1938
1944
  input {
1939
1945
  flex: 1;
1940
1946
  }
package/dist/components/FieldGroup.d.ts CHANGED
@@ -15,5 +15,5 @@ export interface BaseFieldGroupProps {
15
15
  fullWidth?: boolean;
16
16
  }
17
17
  export type FieldGroupProps = React.JSX.IntrinsicElements['div'] & BaseFieldGroupProps;
18
- export declare const FieldGroup: ({ auto, className, children, ...props }: FieldGroupProps) => import("react/jsx-runtime").JSX.Element;
18
+ export declare const FieldGroup: ({ auto, fullWidth, className, children, ...props }: FieldGroupProps) => import("react/jsx-runtime").JSX.Element;
19
19
  //# sourceMappingURL=FieldGroup.d.ts.map
package/dist/components/FieldGroup.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"FieldGroup.d.ts","sourceRoot":"","sources":["../../src/components/FieldGroup.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,mBAAmB;IAClC;;;;;;OAMG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,MAAM,eAAe,GAAG,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,GAAG,mBAAmB,CAAA;AAEtF,eAAO,MAAM,UAAU,4CAA4D,eAAe,4CAIhG,CAAA"}
1
+ {"version":3,"file":"FieldGroup.d.ts","sourceRoot":"","sources":["../../src/components/FieldGroup.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,mBAAmB;IAClC;;;;;;OAMG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,MAAM,eAAe,GAAG,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,GAAG,mBAAmB,CAAA;AAEtF,eAAO,MAAM,UAAU,uDAAuE,eAAe,4CAS3G,CAAA"}
package/dist/components/FieldGroup.js CHANGED
@@ -2,5 +2,5 @@ import { jsx as _jsx } from "react/jsx-runtime";
2
2
  import { listToClass } from '@stack-spot/portal-theme';
3
3
  import { withRef } from '../utils/react.js';
4
4
  import { CitricComponent } from './CitricComponent.js';
5
- export const FieldGroup = withRef(({ auto = true, className, children, ...props }) => (_jsx(CitricComponent, { tag: "div", component: "field-group", className: listToClass([className, auto && 'auto']), ...props, children: children })));
5
+ export const FieldGroup = withRef(({ auto = true, fullWidth, className, children, ...props }) => (_jsx(CitricComponent, { tag: "div", component: "field-group", className: listToClass([className, auto && 'auto', fullWidth && 'full-width']), ...props, children: children })));
6
6
  //# sourceMappingURL=FieldGroup.js.map
package/dist/components/FieldGroup.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"FieldGroup.js","sourceRoot":"","sources":["../../src/components/FieldGroup.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAA;AACtD,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAA;AACxC,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AAqBnD,MAAM,CAAC,MAAM,UAAU,GAAG,OAAO,CAAC,CAAC,EAAE,IAAI,GAAG,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAmB,EAAE,EAAE,CAAC,CACrG,KAAC,eAAe,IAAC,GAAG,EAAC,KAAK,EAAC,SAAS,EAAC,aAAa,EAAC,SAAS,EAAE,WAAW,CAAC,CAAC,SAAS,EAAE,IAAI,IAAI,MAAM,CAAC,CAAC,KAAM,KAAK,YAC9G,QAAQ,GACO,CACnB,CAAC,CAAA"}
1
+ {"version":3,"file":"FieldGroup.js","sourceRoot":"","sources":["../../src/components/FieldGroup.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAA;AACtD,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAA;AACxC,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AAqBnD,MAAM,CAAC,MAAM,UAAU,GAAG,OAAO,CAAC,CAAC,EAAE,IAAI,GAAG,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAmB,EAAE,EAAE,CAAC,CAChH,KAAC,eAAe,IACd,GAAG,EAAC,KAAK,EACT,SAAS,EAAC,aAAa,EACvB,SAAS,EAAE,WAAW,CAAC,CAAC,SAAS,EAAE,IAAI,IAAI,MAAM,EAAE,SAAS,IAAI,YAAY,CAAC,CAAC,KAC1E,KAAK,YAER,QAAQ,GACO,CACnB,CAAC,CAAA"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@stack-spot/citric-react",
3
- "version": "0.14.0",
3
+ "version": "0.14.2",
4
4
  "author": "StackSpot",
5
5
  "main": "dist/index.js",
6
6
  "typings": "dist/index.d.ts",
package/src/components/FieldGroup.tsx CHANGED
@@ -21,8 +21,13 @@ export interface BaseFieldGroupProps {
21
21
 
22
22
  export type FieldGroupProps = React.JSX.IntrinsicElements['div'] & BaseFieldGroupProps
23
23
 
24
- export const FieldGroup = withRef(({ auto = true, className, children, ...props }: FieldGroupProps) => (
25
- <CitricComponent tag="div" component="field-group" className={listToClass([className, auto && 'auto'])} {...props}>
24
+ export const FieldGroup = withRef(({ auto = true, fullWidth, className, children, ...props }: FieldGroupProps) => (
25
+ <CitricComponent
26
+ tag="div"
27
+ component="field-group"
28
+ className={listToClass([className, auto && 'auto', fullWidth && 'full-width'])}
29
+ {...props}
30
+ >
26
31
  {children}
27
32
  </CitricComponent>
28
33
  ))