globalfy-design-system 0.15.0 → 0.16.0
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.
- package/dist/components/atoms/Icon/assets/selection.json.d.ts +35 -11
- package/dist/components/atoms/Tooltip/Tooltip.d.ts +2 -0
- package/dist/components/atoms/Tooltip/Tooltip.stories.d.ts +18 -0
- package/dist/components/atoms/Tooltip/Tooltip.types.d.ts +13 -0
- package/dist/components/atoms/Tooltip/index.d.ts +2 -0
- package/dist/globalfy-design-system.js +37 -11
- package/dist/globalfy-design-system.umd.cjs +1 -1
- package/dist/style.css +1 -1
- package/package.json +2 -1
|
@@ -1,6 +1,30 @@
|
|
|
1
1
|
declare const _default: {
|
|
2
2
|
"IcoMoonType": "selection",
|
|
3
3
|
"icons": [
|
|
4
|
+
{
|
|
5
|
+
"icon": {
|
|
6
|
+
"paths": [
|
|
7
|
+
"M92.308 1008.001l-76.307-76.31 419.692-419.691-419.692-419.692 76.307-76.307 419.692 419.692 419.691-419.692 76.31 76.307-419.692 419.692 419.692 419.691-76.31 76.31-419.691-419.692-419.692 419.692z"
|
|
8
|
+
],
|
|
9
|
+
"attrs": [],
|
|
10
|
+
"isMulticolor": false,
|
|
11
|
+
"isMulticolor2": false,
|
|
12
|
+
"grid": 0,
|
|
13
|
+
"tags": ["close"],
|
|
14
|
+
"colorPermutations": {}
|
|
15
|
+
},
|
|
16
|
+
"attrs": [],
|
|
17
|
+
"properties": {
|
|
18
|
+
"order": 20,
|
|
19
|
+
"id": 12,
|
|
20
|
+
"name": "close",
|
|
21
|
+
"prevSize": 32,
|
|
22
|
+
"code": 59659
|
|
23
|
+
},
|
|
24
|
+
"setIdx": 0,
|
|
25
|
+
"setId": 2,
|
|
26
|
+
"iconIdx": 0
|
|
27
|
+
},
|
|
4
28
|
{
|
|
5
29
|
"icon": {
|
|
6
30
|
"paths": [
|
|
@@ -23,7 +47,7 @@ declare const _default: {
|
|
|
23
47
|
},
|
|
24
48
|
"setIdx": 0,
|
|
25
49
|
"setId": 2,
|
|
26
|
-
"iconIdx":
|
|
50
|
+
"iconIdx": 1
|
|
27
51
|
},
|
|
28
52
|
{
|
|
29
53
|
"icon": {
|
|
@@ -46,7 +70,7 @@ declare const _default: {
|
|
|
46
70
|
},
|
|
47
71
|
"setIdx": 0,
|
|
48
72
|
"setId": 2,
|
|
49
|
-
"iconIdx":
|
|
73
|
+
"iconIdx": 2
|
|
50
74
|
},
|
|
51
75
|
{
|
|
52
76
|
"icon": {
|
|
@@ -69,7 +93,7 @@ declare const _default: {
|
|
|
69
93
|
},
|
|
70
94
|
"setIdx": 0,
|
|
71
95
|
"setId": 2,
|
|
72
|
-
"iconIdx":
|
|
96
|
+
"iconIdx": 3
|
|
73
97
|
},
|
|
74
98
|
{
|
|
75
99
|
"icon": {
|
|
@@ -92,7 +116,7 @@ declare const _default: {
|
|
|
92
116
|
},
|
|
93
117
|
"setIdx": 0,
|
|
94
118
|
"setId": 2,
|
|
95
|
-
"iconIdx":
|
|
119
|
+
"iconIdx": 4
|
|
96
120
|
},
|
|
97
121
|
{
|
|
98
122
|
"icon": {
|
|
@@ -115,7 +139,7 @@ declare const _default: {
|
|
|
115
139
|
},
|
|
116
140
|
"setIdx": 0,
|
|
117
141
|
"setId": 2,
|
|
118
|
-
"iconIdx":
|
|
142
|
+
"iconIdx": 5
|
|
119
143
|
},
|
|
120
144
|
{
|
|
121
145
|
"icon": {
|
|
@@ -138,7 +162,7 @@ declare const _default: {
|
|
|
138
162
|
},
|
|
139
163
|
"setIdx": 0,
|
|
140
164
|
"setId": 2,
|
|
141
|
-
"iconIdx":
|
|
165
|
+
"iconIdx": 6
|
|
142
166
|
},
|
|
143
167
|
{
|
|
144
168
|
"icon": {
|
|
@@ -161,7 +185,7 @@ declare const _default: {
|
|
|
161
185
|
},
|
|
162
186
|
"setIdx": 0,
|
|
163
187
|
"setId": 2,
|
|
164
|
-
"iconIdx":
|
|
188
|
+
"iconIdx": 7
|
|
165
189
|
},
|
|
166
190
|
{
|
|
167
191
|
"icon": {
|
|
@@ -184,7 +208,7 @@ declare const _default: {
|
|
|
184
208
|
},
|
|
185
209
|
"setIdx": 0,
|
|
186
210
|
"setId": 2,
|
|
187
|
-
"iconIdx":
|
|
211
|
+
"iconIdx": 8
|
|
188
212
|
},
|
|
189
213
|
{
|
|
190
214
|
"icon": {
|
|
@@ -207,7 +231,7 @@ declare const _default: {
|
|
|
207
231
|
},
|
|
208
232
|
"setIdx": 0,
|
|
209
233
|
"setId": 2,
|
|
210
|
-
"iconIdx":
|
|
234
|
+
"iconIdx": 9
|
|
211
235
|
},
|
|
212
236
|
{
|
|
213
237
|
"icon": {
|
|
@@ -230,7 +254,7 @@ declare const _default: {
|
|
|
230
254
|
},
|
|
231
255
|
"setIdx": 0,
|
|
232
256
|
"setId": 2,
|
|
233
|
-
"iconIdx":
|
|
257
|
+
"iconIdx": 10
|
|
234
258
|
},
|
|
235
259
|
{
|
|
236
260
|
"icon": {
|
|
@@ -253,7 +277,7 @@ declare const _default: {
|
|
|
253
277
|
},
|
|
254
278
|
"setIdx": 0,
|
|
255
279
|
"setId": 2,
|
|
256
|
-
"iconIdx":
|
|
280
|
+
"iconIdx": 11
|
|
257
281
|
}
|
|
258
282
|
],
|
|
259
283
|
"height": 1024,
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { StoryObj } from "@storybook/react";
|
|
2
|
+
declare const meta: {
|
|
3
|
+
title: string;
|
|
4
|
+
component: ({ children, showArrow, startOpen, content, hasCloseButton, action, size }: import("./Tooltip.types").TooltipProps) => import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
tags: string[];
|
|
6
|
+
parameters: {
|
|
7
|
+
layout: string;
|
|
8
|
+
};
|
|
9
|
+
};
|
|
10
|
+
export default meta;
|
|
11
|
+
type Story = StoryObj<typeof meta>;
|
|
12
|
+
export declare const Playground: Story;
|
|
13
|
+
export declare const WithAction: Story;
|
|
14
|
+
export declare const WithArrow: Story;
|
|
15
|
+
export declare const WithCloseButton: Story;
|
|
16
|
+
export declare const WithCloseButtonAndAction: Story;
|
|
17
|
+
export declare const StartOpen: Story;
|
|
18
|
+
export declare const Sizes: () => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export type TooltipProps = {
|
|
3
|
+
children: React.ReactElement;
|
|
4
|
+
content: React.ReactNode;
|
|
5
|
+
startOpen?: boolean;
|
|
6
|
+
showArrow?: boolean;
|
|
7
|
+
hasCloseButton?: boolean;
|
|
8
|
+
action?: {
|
|
9
|
+
onClick: () => void;
|
|
10
|
+
label: string;
|
|
11
|
+
};
|
|
12
|
+
size?: "sm" | "lg";
|
|
13
|
+
};
|
|
@@ -24491,6 +24491,32 @@ const n$ = ({
|
|
|
24491
24491
|
);
|
|
24492
24492
|
};
|
|
24493
24493
|
const Fv = ({ name: n, className: a, ...l }) => /* @__PURE__ */ $e.jsx("span", { ...l, className: `icon-${n} ${a ?? ""}` }), $L = "selection", _L = [
|
|
24494
|
+
{
|
|
24495
|
+
icon: {
|
|
24496
|
+
paths: [
|
|
24497
|
+
"M92.308 1008.001l-76.307-76.31 419.692-419.691-419.692-419.692 76.307-76.307 419.692 419.692 419.691-419.692 76.31 76.307-419.692 419.692 419.692 419.691-76.31 76.31-419.691-419.692-419.692 419.692z"
|
|
24498
|
+
],
|
|
24499
|
+
attrs: [],
|
|
24500
|
+
isMulticolor: !1,
|
|
24501
|
+
isMulticolor2: !1,
|
|
24502
|
+
grid: 0,
|
|
24503
|
+
tags: [
|
|
24504
|
+
"close"
|
|
24505
|
+
],
|
|
24506
|
+
colorPermutations: {}
|
|
24507
|
+
},
|
|
24508
|
+
attrs: [],
|
|
24509
|
+
properties: {
|
|
24510
|
+
order: 20,
|
|
24511
|
+
id: 12,
|
|
24512
|
+
name: "close",
|
|
24513
|
+
prevSize: 32,
|
|
24514
|
+
code: 59659
|
|
24515
|
+
},
|
|
24516
|
+
setIdx: 0,
|
|
24517
|
+
setId: 2,
|
|
24518
|
+
iconIdx: 0
|
|
24519
|
+
},
|
|
24494
24520
|
{
|
|
24495
24521
|
icon: {
|
|
24496
24522
|
paths: [
|
|
@@ -24515,7 +24541,7 @@ const Fv = ({ name: n, className: a, ...l }) => /* @__PURE__ */ $e.jsx("span", {
|
|
|
24515
24541
|
},
|
|
24516
24542
|
setIdx: 0,
|
|
24517
24543
|
setId: 2,
|
|
24518
|
-
iconIdx:
|
|
24544
|
+
iconIdx: 1
|
|
24519
24545
|
},
|
|
24520
24546
|
{
|
|
24521
24547
|
icon: {
|
|
@@ -24544,7 +24570,7 @@ const Fv = ({ name: n, className: a, ...l }) => /* @__PURE__ */ $e.jsx("span", {
|
|
|
24544
24570
|
},
|
|
24545
24571
|
setIdx: 0,
|
|
24546
24572
|
setId: 2,
|
|
24547
|
-
iconIdx:
|
|
24573
|
+
iconIdx: 2
|
|
24548
24574
|
},
|
|
24549
24575
|
{
|
|
24550
24576
|
icon: {
|
|
@@ -24573,7 +24599,7 @@ const Fv = ({ name: n, className: a, ...l }) => /* @__PURE__ */ $e.jsx("span", {
|
|
|
24573
24599
|
},
|
|
24574
24600
|
setIdx: 0,
|
|
24575
24601
|
setId: 2,
|
|
24576
|
-
iconIdx:
|
|
24602
|
+
iconIdx: 3
|
|
24577
24603
|
},
|
|
24578
24604
|
{
|
|
24579
24605
|
icon: {
|
|
@@ -24602,7 +24628,7 @@ const Fv = ({ name: n, className: a, ...l }) => /* @__PURE__ */ $e.jsx("span", {
|
|
|
24602
24628
|
},
|
|
24603
24629
|
setIdx: 0,
|
|
24604
24630
|
setId: 2,
|
|
24605
|
-
iconIdx:
|
|
24631
|
+
iconIdx: 4
|
|
24606
24632
|
},
|
|
24607
24633
|
{
|
|
24608
24634
|
icon: {
|
|
@@ -24631,7 +24657,7 @@ const Fv = ({ name: n, className: a, ...l }) => /* @__PURE__ */ $e.jsx("span", {
|
|
|
24631
24657
|
},
|
|
24632
24658
|
setIdx: 0,
|
|
24633
24659
|
setId: 2,
|
|
24634
|
-
iconIdx:
|
|
24660
|
+
iconIdx: 5
|
|
24635
24661
|
},
|
|
24636
24662
|
{
|
|
24637
24663
|
icon: {
|
|
@@ -24660,7 +24686,7 @@ const Fv = ({ name: n, className: a, ...l }) => /* @__PURE__ */ $e.jsx("span", {
|
|
|
24660
24686
|
},
|
|
24661
24687
|
setIdx: 0,
|
|
24662
24688
|
setId: 2,
|
|
24663
|
-
iconIdx:
|
|
24689
|
+
iconIdx: 6
|
|
24664
24690
|
},
|
|
24665
24691
|
{
|
|
24666
24692
|
icon: {
|
|
@@ -24689,7 +24715,7 @@ const Fv = ({ name: n, className: a, ...l }) => /* @__PURE__ */ $e.jsx("span", {
|
|
|
24689
24715
|
},
|
|
24690
24716
|
setIdx: 0,
|
|
24691
24717
|
setId: 2,
|
|
24692
|
-
iconIdx:
|
|
24718
|
+
iconIdx: 7
|
|
24693
24719
|
},
|
|
24694
24720
|
{
|
|
24695
24721
|
icon: {
|
|
@@ -24718,7 +24744,7 @@ const Fv = ({ name: n, className: a, ...l }) => /* @__PURE__ */ $e.jsx("span", {
|
|
|
24718
24744
|
},
|
|
24719
24745
|
setIdx: 0,
|
|
24720
24746
|
setId: 2,
|
|
24721
|
-
iconIdx:
|
|
24747
|
+
iconIdx: 8
|
|
24722
24748
|
},
|
|
24723
24749
|
{
|
|
24724
24750
|
icon: {
|
|
@@ -24747,7 +24773,7 @@ const Fv = ({ name: n, className: a, ...l }) => /* @__PURE__ */ $e.jsx("span", {
|
|
|
24747
24773
|
},
|
|
24748
24774
|
setIdx: 0,
|
|
24749
24775
|
setId: 2,
|
|
24750
|
-
iconIdx:
|
|
24776
|
+
iconIdx: 9
|
|
24751
24777
|
},
|
|
24752
24778
|
{
|
|
24753
24779
|
icon: {
|
|
@@ -24776,7 +24802,7 @@ const Fv = ({ name: n, className: a, ...l }) => /* @__PURE__ */ $e.jsx("span", {
|
|
|
24776
24802
|
},
|
|
24777
24803
|
setIdx: 0,
|
|
24778
24804
|
setId: 2,
|
|
24779
|
-
iconIdx:
|
|
24805
|
+
iconIdx: 10
|
|
24780
24806
|
},
|
|
24781
24807
|
{
|
|
24782
24808
|
icon: {
|
|
@@ -24805,7 +24831,7 @@ const Fv = ({ name: n, className: a, ...l }) => /* @__PURE__ */ $e.jsx("span", {
|
|
|
24805
24831
|
},
|
|
24806
24832
|
setIdx: 0,
|
|
24807
24833
|
setId: 2,
|
|
24808
|
-
iconIdx:
|
|
24834
|
+
iconIdx: 11
|
|
24809
24835
|
}
|
|
24810
24836
|
], FL = 1024, VL = {
|
|
24811
24837
|
name: "icomoon"
|