@mittwald/flow-react-components 0.2.0-alpha.1038 → 0.2.0-alpha.1040

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 (9) hide show
  1. package/CHANGELOG.md +10 -0
  2. package/dist/assets/doc-properties.json +9271 -9271
  3. package/dist/css/all-layered.css +1 -1
  4. package/dist/css/all.css +1 -1
  5. package/dist/js/packages/components/src/components/Section/components/SectionHeader/SectionHeader.mjs +9 -5
  6. package/dist/js/packages/components/src/components/Section/components/SectionHeader/SectionHeader.mjs.map +1 -1
  7. package/dist/js/packages/components/src/components/Section/components/SectionHeader/SectionHeader.module.mjs.map +1 -1
  8. package/dist/types/components/Section/components/SectionHeader/SectionHeader.d.ts.map +1 -1
  9. package/package.json +9 -9
package/dist/js/packages/components/src/components/Section/components/SectionHeader/SectionHeader.mjs CHANGED
@@ -37,7 +37,8 @@ var SectionHeader = flowComponent("SectionHeader", (props) => {
37
37
  component: "SectionHeader"
38
38
  },
39
39
  Button: { tunnel: null },
40
- Switch: { tunnel: null }
40
+ Switch: { tunnel: null },
41
+ Link: { tunnel: null }
41
42
  },
42
43
  FileField: {
43
44
  tunnel: {
@@ -75,10 +76,13 @@ var SectionHeader = flowComponent("SectionHeader", (props) => {
75
76
  Button: { tunnel: null }
76
77
  },
77
78
  Heading: { level: 2 },
78
- Link: { tunnel: {
79
- id: "actions",
80
- component: "SectionHeader"
81
- } }
79
+ Link: {
80
+ size: "s",
81
+ tunnel: {
82
+ id: "actions",
83
+ component: "SectionHeader"
84
+ }
85
+ }
82
86
  },
83
87
  children: [children, /* @__PURE__ */ jsx("div", {
84
88
  className: SectionHeader_module_default.actions,
package/dist/js/packages/components/src/components/Section/components/SectionHeader/SectionHeader.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"SectionHeader.mjs","names":[],"sources":["../../../../../../../../../src/components/Section/components/SectionHeader/SectionHeader.tsx"],"sourcesContent":["import type { FC, PropsWithChildren, RefAttributes } from \"react\";\nimport styles from \"./SectionHeader.module.scss\";\nimport clsx from \"clsx\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport type { PropsWithClassName } from \"@/lib/types/props\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport { UiComponentTunnelExit } from \"@/components/UiComponentTunnel/UiComponentTunnelExit\";\n\nexport type SectionHeaderProps = PropsWithChildren &\n PropsWithClassName &\n RefAttributes<HTMLHeadingElement>;\n\nexport const SectionHeader: FC<SectionHeaderProps> = flowComponent(\n \"SectionHeader\",\n (props) => {\n const { children, className, ref } = props;\n\n const rootClassName = clsx(styles.sectionHeader, className);\n\n const propsContext: PropsContext = {\n Switch: {\n labelPosition: \"leading\",\n tunnel: {\n id: \"actions\",\n component: \"SectionHeader\",\n },\n },\n Button: {\n size: \"s\",\n tunnel: {\n id: \"actions\",\n component: \"SectionHeader\",\n },\n },\n ActionGroup: {\n preserveOrder: true,\n size: \"s\",\n tunnel: {\n id: \"actions\",\n component: \"SectionHeader\",\n },\n Button: {\n tunnel: null,\n },\n Switch: {\n tunnel: null,\n },\n },\n FileField: {\n tunnel: {\n id: \"actions\",\n component: \"SectionHeader\",\n },\n Button: { size: \"s\" },\n },\n ContextMenuTrigger: {\n tunnel: {\n id: \"actions\",\n component: \"SectionHeader\",\n },\n Button: {\n tunnel: null,\n },\n },\n PopoverTrigger: {\n tunnel: {\n id: \"actions\",\n component: \"SectionHeader\",\n },\n Button: {\n tunnel: null,\n },\n },\n ContextualHelpTrigger: {\n tunnel: {\n id: \"actions\",\n component: \"SectionHeader\",\n },\n Button: {\n tunnel: null,\n },\n },\n Action: {\n tunnel: {\n id: \"actions\",\n component: \"SectionHeader\",\n },\n Button: {\n tunnel: null,\n },\n },\n Heading: {\n level: 2,\n },\n Link: {\n tunnel: {\n id: \"actions\",\n component: \"SectionHeader\",\n },\n },\n };\n\n return (\n <header ref={ref} className={rootClassName}>\n <PropsContextProvider props={propsContext}>\n {children}\n <div className={styles.actions}>\n <UiComponentTunnelExit id=\"actions\" component=\"SectionHeader\" />\n </div>\n </PropsContextProvider>\n </header>\n );\n },\n {\n type: \"layout\",\n },\n);\n\nexport default SectionHeader;\n"],"mappings":";;;;;;;;;AAaA,IAAa,gBAAwC,cACnD,kBACC,UAAU;CACT,MAAM,EAAE,UAAU,WAAW,QAAQ;CAErC,MAAM,gBAAgB,KAAK,6BAAO,eAAe,SAAS;CAqF1D,OACE,oBAAC,UAAD;EAAa;EAAK,WAAW;EAC3B,UAAA,qBAAC,sBAAD;GAAsB,OAAO;IApF/B,QAAQ;KACN,eAAe;KACf,QAAQ;MACN,IAAI;MACJ,WAAW;KACb;IACF;IACA,QAAQ;KACN,MAAM;KACN,QAAQ;MACN,IAAI;MACJ,WAAW;KACb;IACF;IACA,aAAa;KACX,eAAe;KACf,MAAM;KACN,QAAQ;MACN,IAAI;MACJ,WAAW;KACb;KACA,QAAQ,EACN,QAAQ,KACV;KACA,QAAQ,EACN,QAAQ,KACV;IACF;IACA,WAAW;KACT,QAAQ;MACN,IAAI;MACJ,WAAW;KACb;KACA,QAAQ,EAAE,MAAM,IAAI;IACtB;IACA,oBAAoB;KAClB,QAAQ;MACN,IAAI;MACJ,WAAW;KACb;KACA,QAAQ,EACN,QAAQ,KACV;IACF;IACA,gBAAgB;KACd,QAAQ;MACN,IAAI;MACJ,WAAW;KACb;KACA,QAAQ,EACN,QAAQ,KACV;IACF;IACA,uBAAuB;KACrB,QAAQ;MACN,IAAI;MACJ,WAAW;KACb;KACA,QAAQ,EACN,QAAQ,KACV;IACF;IACA,QAAQ;KACN,QAAQ;MACN,IAAI;MACJ,WAAW;KACb;KACA,QAAQ,EACN,QAAQ,KACV;IACF;IACA,SAAS,EACP,OAAO,EACT;IACA,MAAM,EACJ,QAAQ;KACN,IAAI;KACJ,WAAW;IACb,EACF;GAK+B;GAA7B,UAAA,CACG,UACD,oBAAC,OAAD;IAAK,WAAW,6BAAO;IACrB,UAAA,oBAAC,uBAAD;KAAuB,IAAG;KAAU,WAAU;IAAiB,CAAA;GAC5D,CAAA,CACe;;CAChB,CAAA;AAEZ,GACA,EACE,MAAM,SACR,CACF"}
1
+ {"version":3,"file":"SectionHeader.mjs","names":[],"sources":["../../../../../../../../../src/components/Section/components/SectionHeader/SectionHeader.tsx"],"sourcesContent":["import type { FC, PropsWithChildren, RefAttributes } from \"react\";\nimport styles from \"./SectionHeader.module.scss\";\nimport clsx from \"clsx\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport type { PropsWithClassName } from \"@/lib/types/props\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport { UiComponentTunnelExit } from \"@/components/UiComponentTunnel/UiComponentTunnelExit\";\n\nexport type SectionHeaderProps = PropsWithChildren &\n PropsWithClassName &\n RefAttributes<HTMLHeadingElement>;\n\nexport const SectionHeader: FC<SectionHeaderProps> = flowComponent(\n \"SectionHeader\",\n (props) => {\n const { children, className, ref } = props;\n\n const rootClassName = clsx(styles.sectionHeader, className);\n\n const propsContext: PropsContext = {\n Switch: {\n labelPosition: \"leading\",\n tunnel: {\n id: \"actions\",\n component: \"SectionHeader\",\n },\n },\n Button: {\n size: \"s\",\n tunnel: {\n id: \"actions\",\n component: \"SectionHeader\",\n },\n },\n ActionGroup: {\n preserveOrder: true,\n size: \"s\",\n tunnel: {\n id: \"actions\",\n component: \"SectionHeader\",\n },\n Button: {\n tunnel: null,\n },\n Switch: {\n tunnel: null,\n },\n Link: {\n tunnel: null,\n },\n },\n FileField: {\n tunnel: {\n id: \"actions\",\n component: \"SectionHeader\",\n },\n Button: { size: \"s\" },\n },\n ContextMenuTrigger: {\n tunnel: {\n id: \"actions\",\n component: \"SectionHeader\",\n },\n Button: {\n tunnel: null,\n },\n },\n PopoverTrigger: {\n tunnel: {\n id: \"actions\",\n component: \"SectionHeader\",\n },\n Button: {\n tunnel: null,\n },\n },\n ContextualHelpTrigger: {\n tunnel: {\n id: \"actions\",\n component: \"SectionHeader\",\n },\n Button: {\n tunnel: null,\n },\n },\n Action: {\n tunnel: {\n id: \"actions\",\n component: \"SectionHeader\",\n },\n Button: {\n tunnel: null,\n },\n },\n Heading: {\n level: 2,\n },\n Link: {\n size: \"s\",\n tunnel: {\n id: \"actions\",\n component: \"SectionHeader\",\n },\n },\n };\n\n return (\n <header ref={ref} className={rootClassName}>\n <PropsContextProvider props={propsContext}>\n {children}\n <div className={styles.actions}>\n <UiComponentTunnelExit id=\"actions\" component=\"SectionHeader\" />\n </div>\n </PropsContextProvider>\n </header>\n );\n },\n {\n type: \"layout\",\n },\n);\n\nexport default SectionHeader;\n"],"mappings":";;;;;;;;;AAaA,IAAa,gBAAwC,cACnD,kBACC,UAAU;CACT,MAAM,EAAE,UAAU,WAAW,QAAQ;CAErC,MAAM,gBAAgB,KAAK,6BAAO,eAAe,SAAS;CAyF1D,OACE,oBAAC,UAAD;EAAa;EAAK,WAAW;EAC3B,UAAA,qBAAC,sBAAD;GAAsB,OAAO;IAxF/B,QAAQ;KACN,eAAe;KACf,QAAQ;MACN,IAAI;MACJ,WAAW;KACb;IACF;IACA,QAAQ;KACN,MAAM;KACN,QAAQ;MACN,IAAI;MACJ,WAAW;KACb;IACF;IACA,aAAa;KACX,eAAe;KACf,MAAM;KACN,QAAQ;MACN,IAAI;MACJ,WAAW;KACb;KACA,QAAQ,EACN,QAAQ,KACV;KACA,QAAQ,EACN,QAAQ,KACV;KACA,MAAM,EACJ,QAAQ,KACV;IACF;IACA,WAAW;KACT,QAAQ;MACN,IAAI;MACJ,WAAW;KACb;KACA,QAAQ,EAAE,MAAM,IAAI;IACtB;IACA,oBAAoB;KAClB,QAAQ;MACN,IAAI;MACJ,WAAW;KACb;KACA,QAAQ,EACN,QAAQ,KACV;IACF;IACA,gBAAgB;KACd,QAAQ;MACN,IAAI;MACJ,WAAW;KACb;KACA,QAAQ,EACN,QAAQ,KACV;IACF;IACA,uBAAuB;KACrB,QAAQ;MACN,IAAI;MACJ,WAAW;KACb;KACA,QAAQ,EACN,QAAQ,KACV;IACF;IACA,QAAQ;KACN,QAAQ;MACN,IAAI;MACJ,WAAW;KACb;KACA,QAAQ,EACN,QAAQ,KACV;IACF;IACA,SAAS,EACP,OAAO,EACT;IACA,MAAM;KACJ,MAAM;KACN,QAAQ;MACN,IAAI;MACJ,WAAW;KACb;IACF;GAK+B;GAA7B,UAAA,CACG,UACD,oBAAC,OAAD;IAAK,WAAW,6BAAO;IACrB,UAAA,oBAAC,uBAAD;KAAuB,IAAG;KAAU,WAAU;IAAiB,CAAA;GAC5D,CAAA,CACe;;CAChB,CAAA;AAEZ,GACA,EACE,MAAM,SACR,CACF"}
package/dist/js/packages/components/src/components/Section/components/SectionHeader/SectionHeader.module.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"SectionHeader.module.mjs","names":[],"sources":["../../../../../../../../../src/components/Section/components/SectionHeader/SectionHeader.module.scss"],"sourcesContent":[".sectionHeader {\n display: flex;\n gap: var(--section-header--heading-to-action-spacing);\n justify-content: space-between;\n align-items: center;\n flex-wrap: wrap;\n\n .actions {\n display: flex;\n gap: var(--section-header--action-to-action-spacing);\n margin-inline-start: auto;\n flex-wrap: wrap;\n }\n\n &:not(:first-child):has(h2),\n &:not(:first-child):has(h3) {\n margin-top: var(--section--sub-heading-spacing-m);\n }\n\n &:not(:first-child):has(h4),\n &:not(:first-child):has(h5),\n &:not(:first-child):has(h6) {\n margin-top: var(--section--sub-heading-spacing-s);\n }\n}\n"],"mappings":""}
1
+ {"version":3,"file":"SectionHeader.module.mjs","names":[],"sources":["../../../../../../../../../src/components/Section/components/SectionHeader/SectionHeader.module.scss"],"sourcesContent":[".sectionHeader {\n display: flex;\n gap: var(--section-header--heading-to-action-spacing);\n justify-content: space-between;\n align-items: center;\n flex-wrap: wrap;\n\n .actions {\n display: flex;\n gap: var(--section-header--action-to-action-spacing);\n margin-inline-start: auto;\n flex-wrap: wrap;\n align-items: center;\n }\n\n &:not(:first-child):has(h2),\n &:not(:first-child):has(h3) {\n margin-top: var(--section--sub-heading-spacing-m);\n }\n\n &:not(:first-child):has(h4),\n &:not(:first-child):has(h5),\n &:not(:first-child):has(h6) {\n margin-top: var(--section--sub-heading-spacing-s);\n }\n}\n"],"mappings":""}
package/dist/types/components/Section/components/SectionHeader/SectionHeader.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"SectionHeader.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Section/components/SectionHeader/SectionHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,iBAAiB,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAKlE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAI5D,MAAM,MAAM,kBAAkB,GAAG,iBAAiB,GAChD,kBAAkB,GAClB,aAAa,CAAC,kBAAkB,CAAC,CAAC;AAEpC,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,CAwGhD,CAAC;AAEF,eAAe,aAAa,CAAC"}
1
+ {"version":3,"file":"SectionHeader.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Section/components/SectionHeader/SectionHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,iBAAiB,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAKlE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAI5D,MAAM,MAAM,kBAAkB,GAAG,iBAAiB,GAChD,kBAAkB,GAClB,aAAa,CAAC,kBAAkB,CAAC,CAAC;AAEpC,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,CA4GhD,CAAC;AAEF,eAAe,aAAa,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mittwald/flow-react-components",
3
- "version": "0.2.0-alpha.1038",
3
+ "version": "0.2.0-alpha.1040",
4
4
  "type": "module",
5
5
  "description": "A React implementation of Flow, mittwald’s design system",
6
6
  "homepage": "https://flow.mittwald.de",
@@ -74,9 +74,9 @@
74
74
  "@internationalized/string-compiler": "^3.4.1",
75
75
  "@lezer/common": "^1.5.2",
76
76
  "@lezer/highlight": "^1.2.3",
77
- "@mittwald/flow-icons": "0.2.0-alpha.1038",
77
+ "@mittwald/flow-icons": "0.2.0-alpha.1040",
78
78
  "@mittwald/password-tools-js": "3.0.0-alpha.31",
79
- "@mittwald/react-tunnel": "0.2.0-alpha.1038",
79
+ "@mittwald/react-tunnel": "0.2.0-alpha.1040",
80
80
  "@mittwald/react-use-promise": "^4.2.2",
81
81
  "@react-aria/form": "^3.2.1",
82
82
  "@react-aria/i18n": "^3.13.1",
@@ -130,12 +130,12 @@
130
130
  "@internationalized/date": "^3.12.2",
131
131
  "@lezer/generator": "^1.8.0",
132
132
  "@lezer/lr": "^1.4.10",
133
- "@mittwald/flow-core": "0.2.0-alpha.1038",
134
- "@mittwald/flow-design-tokens": "0.2.0-alpha.1038",
135
- "@mittwald/flow-icons-base": "0.2.0-alpha.1038",
133
+ "@mittwald/flow-core": "0.2.0-alpha.1040",
134
+ "@mittwald/flow-design-tokens": "0.2.0-alpha.1040",
135
+ "@mittwald/flow-icons-base": "0.2.0-alpha.1040",
136
136
  "@mittwald/react-use-promise": "^4.2.2",
137
137
  "@mittwald/remote-dom-react": "1.2.2-mittwald.10",
138
- "@mittwald/typescript-config": "0.2.0-alpha.1038",
138
+ "@mittwald/typescript-config": "0.2.0-alpha.1040",
139
139
  "@nx/storybook": "^22.7.6",
140
140
  "@storybook/addon-a11y": "^10.4.6",
141
141
  "@storybook/addon-actions": "^9.0.8",
@@ -186,7 +186,7 @@
186
186
  },
187
187
  "peerDependencies": {
188
188
  "@internationalized/date": "^3.12.2",
189
- "@mittwald/flow-icons-pro": "0.2.0-alpha.1038",
189
+ "@mittwald/flow-icons-pro": "0.2.0-alpha.1040",
190
190
  "@mittwald/react-use-promise": "^4.2.2",
191
191
  "next": "^16.2.3",
192
192
  "react": "^19.2.0",
@@ -207,5 +207,5 @@
207
207
  "optional": true
208
208
  }
209
209
  },
210
- "gitHead": "09c4b968a02ab53e56c0b73dbd56ddc8904e940a"
210
+ "gitHead": "a3d3dea112b639dda56164e0daeabb0528da8ef4"
211
211
  }