@mittwald/flow-react-components 0.2.0-alpha.73 → 0.2.0-alpha.74

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 (8) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/dist/assets/doc-properties.json +18728 -18728
  3. package/dist/css/all.css +1 -1
  4. package/dist/js/components/Alert/Alert.mjs +1 -1
  5. package/dist/js/components/Alert/Alert.mjs.map +1 -1
  6. package/dist/js/components/Alert/Alert.module.scss.mjs +3 -1
  7. package/dist/js/components/Alert/Alert.module.scss.mjs.map +1 -1
  8. package/package.json +4 -4
package/dist/js/components/Alert/Alert.mjs CHANGED
@@ -20,7 +20,7 @@ const Alert = flowComponent("Alert", (props) => {
20
20
  level: 3,
21
21
  size: "s",
22
22
  children: dynamic((props2) => /* @__PURE__ */ jsxs(Fragment, { children: [
23
- /* @__PURE__ */ jsx(AlertIcon, { status }),
23
+ /* @__PURE__ */ jsx(AlertIcon, { status, className: styles.icon }),
24
24
  props2.children
25
25
  ] }))
26
26
  },
package/dist/js/components/Alert/Alert.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Alert.mjs","sources":["../../../../src/components/Alert/Alert.tsx"],"sourcesContent":["import type { ComponentProps, PropsWithChildren } from \"react\";\nimport React from \"react\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport {\n ClearPropsContext,\n dynamic,\n PropsContextProvider,\n} from \"@/lib/propsContext\";\nimport styles from \"./Alert.module.scss\";\nimport clsx from \"clsx\";\nimport { AlertIcon } from \"@/components/AlertIcon\";\nimport type { PropsWithStatus } from \"@/lib/types/props\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\n\nexport interface AlertProps\n extends PropsWithChildren<ComponentProps<\"aside\">>,\n PropsWithStatus,\n FlowComponentProps {}\n\n/**\n * @flr-generate all\n * @flr-clear-props-context\n */\nexport const Alert = flowComponent<\"Alert\", HTMLElement>(\"Alert\", (props) => {\n const { children, className, status = \"info\", ref, ...rest } = props;\n\n const rootClassName = clsx(styles.alert, styles[status], className);\n\n const propsContext: PropsContext = {\n Heading: {\n className: styles.heading,\n level: 3,\n size: \"s\",\n children: dynamic((props) => (\n <>\n <AlertIcon status={status} />\n {props.children}\n </>\n )),\n },\n Content: {\n className: styles.content,\n Button: {\n size: \"s\",\n },\n },\n };\n\n return (\n <ClearPropsContext>\n <aside {...rest} className={rootClassName} ref={ref}>\n <PropsContextProvider props={propsContext}>\n {children}\n </PropsContextProvider>\n </aside>\n </ClearPropsContext>\n );\n});\n\nexport default Alert;\n"],"names":["props"],"mappings":";;;;;;;;;;;AAwBO,MAAM,KAAQ,GAAA,aAAA,CAAoC,OAAS,EAAA,CAAC,KAAU,KAAA;AAC3E,EAAM,MAAA,EAAE,UAAU,SAAW,EAAA,MAAA,GAAS,QAAQ,GAAK,EAAA,GAAG,MAAS,GAAA,KAAA;AAE/D,EAAA,MAAM,gBAAgB,IAAK,CAAA,MAAA,CAAO,OAAO,MAAO,CAAA,MAAM,GAAG,SAAS,CAAA;AAElE,EAAA,MAAM,YAA6B,GAAA;AAAA,IACjC,OAAS,EAAA;AAAA,MACP,WAAW,MAAO,CAAA,OAAA;AAAA,MAClB,KAAO,EAAA,CAAA;AAAA,MACP,IAAM,EAAA,GAAA;AAAA,MACN,QAAU,EAAA,OAAA,CAAQ,CAACA,MAAAA,qBAEf,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,aAAU,MAAgB,EAAA,CAAA;AAAA,QAC1BA,MAAM,CAAA;AAAA,OAAA,EACT,CACD;AAAA,KACH;AAAA,IACA,OAAS,EAAA;AAAA,MACP,WAAW,MAAO,CAAA,OAAA;AAAA,MAClB,MAAQ,EAAA;AAAA,QACN,IAAM,EAAA;AAAA;AACR;AACF,GACF;AAEA,EAAA,uBACG,GAAA,CAAA,iBAAA,EAAA,EACC,QAAC,kBAAA,GAAA,CAAA,OAAA,EAAA,EAAO,GAAG,IAAM,EAAA,SAAA,EAAW,aAAe,EAAA,GAAA,EACzC,8BAAC,oBAAqB,EAAA,EAAA,KAAA,EAAO,YAC1B,EAAA,QAAA,EACH,GACF,CACF,EAAA,CAAA;AAEJ,CAAC;;;;"}
1
+ {"version":3,"file":"Alert.mjs","sources":["../../../../src/components/Alert/Alert.tsx"],"sourcesContent":["import type { ComponentProps, PropsWithChildren } from \"react\";\nimport React from \"react\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport {\n ClearPropsContext,\n dynamic,\n PropsContextProvider,\n} from \"@/lib/propsContext\";\nimport styles from \"./Alert.module.scss\";\nimport clsx from \"clsx\";\nimport { AlertIcon } from \"@/components/AlertIcon\";\nimport type { PropsWithStatus } from \"@/lib/types/props\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\n\nexport interface AlertProps\n extends PropsWithChildren<ComponentProps<\"aside\">>,\n PropsWithStatus,\n FlowComponentProps {}\n\n/**\n * @flr-generate all\n * @flr-clear-props-context\n */\nexport const Alert = flowComponent<\"Alert\", HTMLElement>(\"Alert\", (props) => {\n const { children, className, status = \"info\", ref, ...rest } = props;\n\n const rootClassName = clsx(styles.alert, styles[status], className);\n\n const propsContext: PropsContext = {\n Heading: {\n className: styles.heading,\n level: 3,\n size: \"s\",\n children: dynamic((props) => (\n <>\n <AlertIcon status={status} className={styles.icon} />\n {props.children}\n </>\n )),\n },\n Content: {\n className: styles.content,\n Button: {\n size: \"s\",\n },\n },\n };\n\n return (\n <ClearPropsContext>\n <aside {...rest} className={rootClassName} ref={ref}>\n <PropsContextProvider props={propsContext}>\n {children}\n </PropsContextProvider>\n </aside>\n </ClearPropsContext>\n );\n});\n\nexport default Alert;\n"],"names":["props"],"mappings":";;;;;;;;;;;AAwBO,MAAM,KAAQ,GAAA,aAAA,CAAoC,OAAS,EAAA,CAAC,KAAU,KAAA;AAC3E,EAAM,MAAA,EAAE,UAAU,SAAW,EAAA,MAAA,GAAS,QAAQ,GAAK,EAAA,GAAG,MAAS,GAAA,KAAA;AAE/D,EAAA,MAAM,gBAAgB,IAAK,CAAA,MAAA,CAAO,OAAO,MAAO,CAAA,MAAM,GAAG,SAAS,CAAA;AAElE,EAAA,MAAM,YAA6B,GAAA;AAAA,IACjC,OAAS,EAAA;AAAA,MACP,WAAW,MAAO,CAAA,OAAA;AAAA,MAClB,KAAO,EAAA,CAAA;AAAA,MACP,IAAM,EAAA,GAAA;AAAA,MACN,QAAU,EAAA,OAAA,CAAQ,CAACA,MAAAA,qBAEf,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,SAAU,EAAA,EAAA,MAAA,EAAgB,SAAW,EAAA,MAAA,CAAO,IAAM,EAAA,CAAA;AAAA,QAClDA,MAAM,CAAA;AAAA,OAAA,EACT,CACD;AAAA,KACH;AAAA,IACA,OAAS,EAAA;AAAA,MACP,WAAW,MAAO,CAAA,OAAA;AAAA,MAClB,MAAQ,EAAA;AAAA,QACN,IAAM,EAAA;AAAA;AACR;AACF,GACF;AAEA,EAAA,uBACG,GAAA,CAAA,iBAAA,EAAA,EACC,QAAC,kBAAA,GAAA,CAAA,OAAA,EAAA,EAAO,GAAG,IAAM,EAAA,SAAA,EAAW,aAAe,EAAA,GAAA,EACzC,8BAAC,oBAAqB,EAAA,EAAA,KAAA,EAAO,YAC1B,EAAA,QAAA,EACH,GACF,CACF,EAAA,CAAA;AAEJ,CAAC;;;;"}
package/dist/js/components/Alert/Alert.module.scss.mjs CHANGED
@@ -1,6 +1,7 @@
1
1
  "use client"
2
2
  /* */
3
3
  const alert = "flow--alert";
4
+ const icon = "flow--alert--icon";
4
5
  const content = "flow--alert--content";
5
6
  const info = "flow--alert--info";
6
7
  const heading = "flow--alert--heading";
@@ -9,6 +10,7 @@ const danger = "flow--alert--danger";
9
10
  const success = "flow--alert--success";
10
11
  const styles = {
11
12
  alert: alert,
13
+ icon: icon,
12
14
  content: content,
13
15
  info: info,
14
16
  heading: heading,
@@ -17,5 +19,5 @@ const styles = {
17
19
  success: success
18
20
  };
19
21
 
20
- export { alert, content, danger, styles as default, heading, info, success, warning };
22
+ export { alert, content, danger, styles as default, heading, icon, info, success, warning };
21
23
  //# sourceMappingURL=Alert.module.scss.mjs.map
package/dist/js/components/Alert/Alert.module.scss.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Alert.module.scss.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"Alert.module.scss.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mittwald/flow-react-components",
3
- "version": "0.2.0-alpha.73",
3
+ "version": "0.2.0-alpha.74",
4
4
  "type": "module",
5
5
  "description": "A React implementation of Flow, mittwald’s design system",
6
6
  "homepage": "https://mittwald.github.io/flow",
@@ -52,7 +52,7 @@
52
52
  "dependencies": {
53
53
  "@chakra-ui/live-region": "^2.1.0",
54
54
  "@internationalized/string-compiler": "^3.2.6",
55
- "@mittwald/react-tunnel": "0.2.0-alpha.73",
55
+ "@mittwald/react-tunnel": "0.2.0-alpha.74",
56
56
  "@mittwald/react-use-promise": "^2.6.0",
57
57
  "@react-aria/form": "^3.0.12",
58
58
  "@react-aria/utils": "^3.27.0",
@@ -90,7 +90,7 @@
90
90
  "devDependencies": {
91
91
  "@faker-js/faker": "^9.5.0",
92
92
  "@internationalized/date": "^3.7.0",
93
- "@mittwald/flow-design-tokens": "0.2.0-alpha.73",
93
+ "@mittwald/flow-design-tokens": "0.2.0-alpha.74",
94
94
  "@mittwald/react-use-promise": "^2.6.0",
95
95
  "@mittwald/typescript-config": "",
96
96
  "@nx/storybook": "^20.4.5",
@@ -168,5 +168,5 @@
168
168
  "optional": true
169
169
  }
170
170
  },
171
- "gitHead": "60af39ad8b760192353ccf8a99178e8222276a1c"
171
+ "gitHead": "913d6dcefe47ce1c75579d91b7ae1df9c81e07da"
172
172
  }