@dotss/tictoccroc 0.13.0 → 0.13.1

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.
@@ -27,6 +27,7 @@ function l() {
27
27
  /* @__PURE__ */ i(s, {
28
28
  justifyContent: "space-between",
29
29
  gap: 3,
30
+ flexWrap: "wrap",
30
31
  children: [/* @__PURE__ */ i(s, {
31
32
  flexDirection: "column",
32
33
  gap: 2,
@@ -67,26 +68,23 @@ function l() {
67
68
  borderRadius: 4
68
69
  })]
69
70
  }),
70
- /* @__PURE__ */ i(s, {
71
+ /* @__PURE__ */ r(s, {
71
72
  flexDirection: "column",
72
73
  gap: 1,
73
- children: [/* @__PURE__ */ r(c, {
74
- textHeight: "b4M",
75
- inlineCSS: { width: "100%" }
76
- }), /* @__PURE__ */ r(c, {
74
+ children: /* @__PURE__ */ r(c, {
77
75
  textHeight: "b4M",
78
- inlineCSS: { width: "72%" }
79
- })]
76
+ inlineCSS: { width: "80%" }
77
+ })
80
78
  }),
81
79
  /* @__PURE__ */ i(s, {
82
80
  flexDirection: "column",
83
81
  gap: 1,
84
82
  children: [/* @__PURE__ */ r(c, {
85
83
  textHeight: "b5R",
86
- inlineCSS: { width: "68%" }
84
+ inlineCSS: { width: "65%" }
87
85
  }), /* @__PURE__ */ r(c, {
88
86
  textHeight: "b5R",
89
- inlineCSS: { width: "84%" }
87
+ inlineCSS: { width: "75%" }
90
88
  })]
91
89
  })
92
90
  ]
@@ -103,8 +101,10 @@ function l() {
103
101
  }
104
102
  }),
105
103
  /* @__PURE__ */ i(s, {
104
+ gap: 1,
106
105
  alignItems: "center",
107
106
  justifyContent: "space-between",
107
+ flexWrap: "wrap",
108
108
  children: [/* @__PURE__ */ r(c, {
109
109
  width: 148,
110
110
  textHeight: "h5B"
@@ -113,13 +113,6 @@ function l() {
113
113
  height: 24,
114
114
  borderRadius: 6
115
115
  })]
116
- }),
117
- /* @__PURE__ */ r(s, {
118
- mt: 1,
119
- children: /* @__PURE__ */ r(c, {
120
- textHeight: "c4R",
121
- inlineCSS: { width: "78%" }
122
- })
123
116
  })
124
117
  ]
125
118
  })] });
@@ -37,6 +37,7 @@ function p({ idx: p, name: m, adornmentUrl: h, picture: g, introduction: _, sele
37
37
  /* @__PURE__ */ a(u, {
38
38
  justifyContent: "space-between",
39
39
  gap: 3,
40
+ flexWrap: "wrap",
40
41
  children: [/* @__PURE__ */ a(u, {
41
42
  flexDirection: "column",
42
43
  gap: 2,
@@ -86,6 +87,7 @@ function p({ idx: p, name: m, adornmentUrl: h, picture: g, introduction: _, sele
86
87
  }), /* @__PURE__ */ a(u, {
87
88
  flexDirection: "column",
88
89
  gap: 2,
90
+ flex: 1,
89
91
  children: [
90
92
  /* @__PURE__ */ a(u, {
91
93
  gap: 2,
@@ -156,6 +158,7 @@ function p({ idx: p, name: m, adornmentUrl: h, picture: g, introduction: _, sele
156
158
  alignItems: "center",
157
159
  gap: 1,
158
160
  justifyContent: "space-between",
161
+ flexWrap: "wrap",
159
162
  children: [/* @__PURE__ */ i(u, {
160
163
  gap: 1,
161
164
  children: E && /* @__PURE__ */ i(f, {
@@ -166,6 +169,7 @@ function p({ idx: p, name: m, adornmentUrl: h, picture: g, introduction: _, sele
166
169
  gap: k.content(1),
167
170
  alignItems: "center",
168
171
  flexGrow: 1,
172
+ flexWrap: "wrap",
169
173
  "& *": { color: b ? A.grey[50] : void 0 }
170
174
  },
171
175
  color: b ? "grey.50" : void 0,
@@ -6,10 +6,10 @@ export declare function getCareActivityLabel({ numChildren, totalHours }: {
6
6
  totalHours: number;
7
7
  }): import("@emotion/react/jsx-runtime").JSX.Element;
8
8
  export declare function getStrengthLabel({ careers, certificates, educations, categories }: {
9
- certificates: string[];
10
- careers: string[];
11
- educations: string[];
12
- categories: string[];
9
+ certificates?: string[];
10
+ careers?: string[];
11
+ educations?: string[];
12
+ categories?: string[];
13
13
  }): import("@emotion/react/jsx-runtime").JSX.Element | null;
14
14
  export declare function getChargeLabel(charge: number): import("@emotion/react/jsx-runtime").JSX.Element;
15
15
  export declare function getNote(note: string): import("@emotion/react/jsx-runtime").JSX.Element;
@@ -25,7 +25,10 @@ function u({ numChildren: e, totalHours: r }) {
25
25
  name: "KidsLine",
26
26
  size: "xSmall",
27
27
  color: "grey.70",
28
- inlineCSS: { transform: "translateY(0.5px)" }
28
+ inlineCSS: {
29
+ transform: "translateY(0.5px)",
30
+ flexShrink: 0
31
+ }
29
32
  }), /* @__PURE__ */ s(i, {
30
33
  tag: "p",
31
34
  variant: "b5R",
@@ -43,7 +46,10 @@ function u({ numChildren: e, totalHours: r }) {
43
46
  name: "TimeLine",
44
47
  size: "xSmall",
45
48
  color: "grey.70",
46
- inlineCSS: { transform: "translateY(0.5px)" }
49
+ inlineCSS: {
50
+ transform: "translateY(0.5px)",
51
+ flexShrink: 0
52
+ }
47
53
  }), /* @__PURE__ */ s(i, {
48
54
  tag: "p",
49
55
  variant: "b5R",
@@ -162,7 +168,10 @@ function p(e) {
162
168
  name: "InformationLine",
163
169
  size: "xSmall",
164
170
  color: "etc.orange",
165
- inlineCSS: { transform: "translateY(-0.5px)" }
171
+ inlineCSS: {
172
+ transform: "translateY(-0.5px)",
173
+ flexShrink: 0
174
+ }
166
175
  }), /* @__PURE__ */ o(i, {
167
176
  tag: "p",
168
177
  variant: "c4R",
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@dotss/tictoccroc",
3
3
  "type": "module",
4
- "version": "0.13.0",
4
+ "version": "0.13.1",
5
5
  "description": "Tictoccroc shared components, hooks, utils, and APIs for Dotss",
6
6
  "main": "./dist/index.mjs",
7
7
  "module": "./dist/index.mjs",