@kroo-web/design-system 1.22.4 → 1.22.5

package/dist/components/Divider/Divider.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Divider } from '.';
+
+declare const _default: Meta<typeof Divider>;
+export default _default;
+type Story = StoryObj<typeof Divider>;
+export declare const GeneralUsage: Story;

package/dist/components/Divider/index.d.ts

@@ -0,0 +1 @@
+export declare const Divider: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/index.d.ts

@@ -8,9 +8,9 @@ export * from './Columns';
 export * from './ComboBox';
 export * from './DatePicker';
 export * from './Disclosure';
+export * from './Divider';
 export * from './Form';
 export * from './Heading';
-export * from './HorizontalRule';
 export * from './Icon';
 export * from './Link';
 export * from './Loading';

package/dist/index.js

@@ -16819,9 +16819,11 @@ const F3 = {
     variants: F3,
     children: e
   }
-), L3 = "_form_1m3m6_1", V3 = {
-  form: L3
-}, S9 = ({
+), L3 = "_divider_9m0s8_1", V3 = {
+  divider: L3
+}, S9 = () => /* @__PURE__ */ w("hr", { className: V3.divider }), K3 = "_form_1m3m6_1", H3 = {
+  form: K3
+}, P9 = ({
   children: e,
   methods: t,
   onSubmit: n,
@@ -16829,32 +16831,32 @@ const F3 = {
 }) => /* @__PURE__ */ w(L0, { ...t, children: /* @__PURE__ */ w(
   "form",
   {
-    className: V3.form,
+    className: H3.form,
     onSubmit: t.handleSubmit((r) => n(r)),
     ...o,
     children: e
   }
-) }), K3 = "_root_78siu_2", H3 = "_inter_78siu_7", U3 = "_brygada_78siu_11", j3 = "_xxl_78siu_15", W3 = "_xl_78siu_21", Q3 = "_lg_78siu_27", z3 = "_md_78siu_33", q3 = "_sm_78siu_39", G3 = "_xs_78siu_45", Y3 = "_regular_78siu_51", Z3 = "_medium_78siu_52", X3 = "_bold_78siu_53", Ur = {
-  root: K3,
-  inter: H3,
-  brygada: U3,
-  xxl: j3,
-  xl: W3,
-  lg: Q3,
-  md: z3,
-  sm: q3,
-  xs: G3,
-  regular: Y3,
-  medium: Z3,
-  bold: X3
-}, J3 = {
+) }), U3 = "_root_i7wil_2", j3 = "_inter_i7wil_7", W3 = "_brygada_i7wil_11", Q3 = "_xxl_i7wil_15", z3 = "_xl_i7wil_21", q3 = "_lg_i7wil_27", G3 = "_md_i7wil_33", Y3 = "_sm_i7wil_39", Z3 = "_xs_i7wil_45", X3 = "_regular_i7wil_51", J3 = "_medium_i7wil_52", $3 = "_bold_i7wil_53", Ur = {
+  root: U3,
+  inter: j3,
+  brygada: W3,
+  xxl: Q3,
+  xl: z3,
+  lg: q3,
+  md: G3,
+  sm: Y3,
+  xs: Z3,
+  regular: X3,
+  medium: J3,
+  bold: $3
+}, _3 = {
   1: "xxl",
   2: "xl",
   3: "lg",
   4: "md",
   5: "sm",
   6: "xs"
-}, $3 = Le(
+}, e5 = Le(
   ({
     children: e,
     className: t,
@@ -16864,7 +16866,7 @@ const F3 = {
     weight: i = "bold",
     ...s
   }, a) => {
-    const l = `h${o}`, u = r || J3[o];
+    const l = `h${o}`, u = r || _3[o];
     return process.env.NODE_ENV === "development" && o > 2 && n === "brygada" && console.warn(
       `[Design System]: Font 'brygada' is only allowed on levels 1 and 2. You used level ${o}.`
     ), /* @__PURE__ */ w(
@@ -16884,10 +16886,8 @@ const F3 = {
     );
   }
 );
-$3.displayName = "Heading";
-const _3 = "_horizontalRule_18khc_1", e5 = {
-  horizontalRule: _3
-}, P9 = () => /* @__PURE__ */ w("hr", { className: e5.horizontalRule }), t5 = "_link_1bcin_1", n5 = {
+e5.displayName = "Heading";
+const t5 = "_link_1bcin_1", n5 = {
   link: t5
 }, T9 = ({
   as: e,
@@ -23537,25 +23537,25 @@ const UR = "_list_24s9t_2", jR = "_trigger_24s9t_8", g0 = {
   Content: n7,
   Icon: je,
   Root: t7
-}, o7 = "_root_174g4_1", r7 = "_label_174g4_74", i7 = "_helper_174g4_80", s7 = "_overline_174g4_86", a7 = "_tag_174g4_93", l7 = "_light_174g4_101", u7 = "_regular_174g4_102", pa = {
+}, o7 = "_root_1ywi1_1", r7 = "_label_1ywi1_74", i7 = "_helper_1ywi1_80", s7 = "_overline_1ywi1_86", a7 = "_tag_1ywi1_93", l7 = "_light_1ywi1_101", u7 = "_regular_1ywi1_102", pa = {
   root: o7,
-  "body-lead": "_body-lead_174g4_8",
-  "body-xl": "_body-xl_174g4_14",
-  "body-lg": "_body-lg_174g4_20",
-  "body-md": "_body-md_174g4_26",
-  "body-sm": "_body-sm_174g4_32",
-  "body-xs": "_body-xs_174g4_38",
-  "button-md": "_button-md_174g4_45",
-  "button-sm": "_button-sm_174g4_51",
-  "input-regular": "_input-regular_174g4_59",
-  "input-semi-bold": "_input-semi-bold_174g4_66",
+  "body-lead": "_body-lead_1ywi1_8",
+  "body-xl": "_body-xl_1ywi1_14",
+  "body-lg": "_body-lg_1ywi1_20",
+  "body-md": "_body-md_1ywi1_26",
+  "body-sm": "_body-sm_1ywi1_32",
+  "body-xs": "_body-xs_1ywi1_38",
+  "button-md": "_button-md_1ywi1_45",
+  "button-sm": "_button-sm_1ywi1_51",
+  "input-regular": "_input-regular_1ywi1_59",
+  "input-semi-bold": "_input-semi-bold_1ywi1_66",
   label: r7,
   helper: i7,
   overline: s7,
   tag: a7,
   light: l7,
   regular: u7,
-  "semi-bold": "_semi-bold_174g4_103"
+  "semi-bold": "_semi-bold_1ywi1_103"
 }, Y9 = (e) => {
   const {
     as: t,
@@ -24174,10 +24174,10 @@ export {
   C9 as ComboBox,
   x9 as DatePicker,
   E9 as Disclosure,
+  S9 as Divider,
   P3 as Field,
-  S9 as Form,
-  $3 as Heading,
-  P9 as HorizontalRule,
+  P9 as Form,
+  e5 as Heading,
   je as Icon,
   D3 as Item,
   T9 as Link,