@hazelcast/ui 1.3.2-next.0 → 1.3.2-next.3

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 (5) hide show
  1. package/lib/Link.d.ts +2 -1
  2. package/lib/Link.js +3 -2
  3. package/lib/Link.js.map +1 -1
  4. package/lib/Link.module.scss +12 -2
  5. package/package.json +5 -5
package/lib/Link.d.ts CHANGED
@@ -4,6 +4,7 @@ export declare type LinkKind = 'primary' | 'secondary';
4
4
  declare const sizes: {
5
5
  normal: string;
6
6
  small: string;
7
+ inherit: string;
7
8
  };
8
9
  declare type AnchorAttributes = AnchorHTMLAttributes<HTMLAnchorElement>;
9
10
  declare type IconProps = {
@@ -43,7 +44,7 @@ export declare type LinkProps = IconProps & {
43
44
  *
44
45
  * ### General Info
45
46
  * - There are 2 kinds (colors) of Link available - primary (default) and secondary.
46
- * - There are 2 sizes of Link available - normal (default) and small.
47
+ * - There are 3 sizes of Link available - normal (default), small and inherit.
47
48
  * - The default state of all types of link is underlined and on hover it has no underline.
48
49
  * - Link can be used as a stand-alone component with right chevron icon.
49
50
  * - You can change underlying semantics with a component property. Typescript will guard you on providing other properties related to the component type.
package/lib/Link.js CHANGED
@@ -5,6 +5,7 @@ import styles from './Link.module.scss';
5
5
  const sizes = {
6
6
  normal: styles.normal,
7
7
  small: styles.small,
8
+ inherit: styles.inherit,
8
9
  };
9
10
  /**
10
11
  * ### Purpose
@@ -13,7 +14,7 @@ const sizes = {
13
14
  *
14
15
  * ### General Info
15
16
  * - There are 2 kinds (colors) of Link available - primary (default) and secondary.
16
- * - There are 2 sizes of Link available - normal (default) and small.
17
+ * - There are 3 sizes of Link available - normal (default), small and inherit.
17
18
  * - The default state of all types of link is underlined and on hover it has no underline.
18
19
  * - Link can be used as a stand-alone component with right chevron icon.
19
20
  * - You can change underlying semantics with a component property. Typescript will guard you on providing other properties related to the component type.
@@ -21,7 +22,7 @@ const sizes = {
21
22
  export const Link = forwardRef(({ component = 'a', kind = 'primary', size = 'normal', bold = false, icon, ariaLabel, iconClassName, href, rel = 'noopener', target = '_self', type = 'button', onClick, className, children, }, ref) => {
22
23
  const relFinal = Array.isArray(rel) ? rel.join(' ') : rel;
23
24
  const commonProps = {
24
- className: cn(styles[size], {
25
+ className: cn(styles.link, styles[size], {
25
26
  // kind
26
27
  [styles.primary]: kind === 'primary',
27
28
  [styles.secondary]: kind === 'secondary',
package/lib/Link.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Link.js","sourceRoot":"","sources":["../src/Link.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAA8C,UAAU,EAAkD,MAAM,OAAO,CAAA;AAErI,OAAO,EAAE,MAAM,YAAY,CAAA;AAC3B,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAC7B,OAAO,MAAM,MAAM,oBAAoB,CAAA;AAIvC,MAAM,KAAK,GAAG;IACZ,MAAM,EAAE,MAAM,CAAC,MAAM;IACrB,KAAK,EAAE,MAAM,CAAC,KAAK;CACpB,CAAA;AA6DD;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,MAAM,IAAI,GAAG,UAAU,CAC5B,CACE,EACE,SAAS,GAAG,GAAG,EACf,IAAI,GAAG,SAAS,EAChB,IAAI,GAAG,QAAQ,EACf,IAAI,GAAG,KAAK,EACZ,IAAI,EACJ,SAAS,EACT,aAAa,EACb,IAAI,EACJ,GAAG,GAAG,UAAU,EAChB,MAAM,GAAG,OAAO,EAChB,IAAI,GAAG,QAAQ,EACf,OAAO,EACP,SAAS,EACT,QAAQ,GACT,EACD,GAAG,EACH,EAAE;IACF,MAAM,QAAQ,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAA;IAEzD,MAAM,WAAW,GAAG;QAClB,SAAS,EAAE,EAAE,CACX,MAAM,CAAC,IAAI,CAAC,EACZ;YACE,OAAO;YACP,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,IAAI,KAAK,SAAS;YACpC,CAAC,MAAM,CAAC,SAAS,CAAC,EAAE,IAAI,KAAK,WAAW;YACxC,OAAO;YACP,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,IAAI;SACpB,EACD,SAAS,CACV;QACD,IAAI,EAAE,IAAI;QACV,OAAO,EAAE,OAAO;KACjB,CAAA;IAED,MAAM,aAAa,GACjB,IAAI,IAAI,SAAS,CAAC,CAAC,CAAC,CAClB,oBAAC,IAAI,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,EAAE,SAAS,EAAE,aAAa,GAAI,CAC/H,CAAC,CAAC,CAAC,SAAS,CAAA;IAEf,OAAO,SAAS,KAAK,GAAG,CAAC,CAAC,CAAC,CACzB,8BAAO,WAAW,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,EAAE,GAA0C;QAC/F,QAAQ;QACR,aAAa,CACZ,CACL,CAAC,CAAC,CAAC,CACF,mCAAY,WAAW,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,GAA0C;QACjF,QAAQ;QACR,aAAa,CACP,CACV,CAAA;AACH,CAAC,CACF,CAAA;AACD,IAAI,CAAC,WAAW,GAAG,MAAM,CAAA"}
1
+ {"version":3,"file":"Link.js","sourceRoot":"","sources":["../src/Link.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAA8C,UAAU,EAAkD,MAAM,OAAO,CAAA;AAErI,OAAO,EAAE,MAAM,YAAY,CAAA;AAC3B,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAC7B,OAAO,MAAM,MAAM,oBAAoB,CAAA;AAIvC,MAAM,KAAK,GAAG;IACZ,MAAM,EAAE,MAAM,CAAC,MAAM;IACrB,KAAK,EAAE,MAAM,CAAC,KAAK;IACnB,OAAO,EAAE,MAAM,CAAC,OAAO;CACxB,CAAA;AA6DD;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,MAAM,IAAI,GAAG,UAAU,CAC5B,CACE,EACE,SAAS,GAAG,GAAG,EACf,IAAI,GAAG,SAAS,EAChB,IAAI,GAAG,QAAQ,EACf,IAAI,GAAG,KAAK,EACZ,IAAI,EACJ,SAAS,EACT,aAAa,EACb,IAAI,EACJ,GAAG,GAAG,UAAU,EAChB,MAAM,GAAG,OAAO,EAChB,IAAI,GAAG,QAAQ,EACf,OAAO,EACP,SAAS,EACT,QAAQ,GACT,EACD,GAAG,EACH,EAAE;IACF,MAAM,QAAQ,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAA;IAEzD,MAAM,WAAW,GAAG;QAClB,SAAS,EAAE,EAAE,CACX,MAAM,CAAC,IAAI,EACX,MAAM,CAAC,IAAI,CAAC,EACZ;YACE,OAAO;YACP,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,IAAI,KAAK,SAAS;YACpC,CAAC,MAAM,CAAC,SAAS,CAAC,EAAE,IAAI,KAAK,WAAW;YACxC,OAAO;YACP,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,IAAI;SACpB,EACD,SAAS,CACV;QACD,IAAI,EAAE,IAAI;QACV,OAAO,EAAE,OAAO;KACjB,CAAA;IAED,MAAM,aAAa,GACjB,IAAI,IAAI,SAAS,CAAC,CAAC,CAAC,CAClB,oBAAC,IAAI,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,EAAE,SAAS,EAAE,aAAa,GAAI,CAC/H,CAAC,CAAC,CAAC,SAAS,CAAA;IAEf,OAAO,SAAS,KAAK,GAAG,CAAC,CAAC,CAAC,CACzB,8BAAO,WAAW,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,EAAE,GAA0C;QAC/F,QAAQ;QACR,aAAa,CACZ,CACL,CAAC,CAAC,CAAC,CACF,mCAAY,WAAW,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,GAA0C;QACjF,QAAQ;QACR,aAAa,CACP,CACV,CAAA;AACH,CAAC,CACF,CAAA;AACD,IAAI,CAAC,WAAW,GAAG,MAAM,CAAA"}
package/lib/Link.module.scss CHANGED
@@ -34,16 +34,26 @@
34
34
  }
35
35
  }
36
36
 
37
- .normal {
37
+ .link {
38
38
  @include link;
39
+ }
40
+
41
+ .normal {
39
42
  @include c.typographyBodyNormal;
40
43
  }
41
44
 
42
45
  .small {
43
- @include link;
44
46
  @include c.typographyBodySmall;
45
47
  }
46
48
 
49
+ .inherit {
50
+ font-family: inherit;
51
+ font-size: inherit;
52
+ letter-spacing: inherit;
53
+ line-height: inherit;
54
+ font-weight: inherit;
55
+ }
56
+
47
57
  .bold {
48
58
  @include c.typographyBodyWeight('bold');
49
59
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hazelcast/ui",
3
- "version": "1.3.2-next.0+4462f30",
3
+ "version": "1.3.2-next.3+3250e1f",
4
4
  "description": "Hazelcast design system components",
5
5
  "author": "",
6
6
  "homepage": "https://github.com/hazelcast/frontend-shared#readme",
@@ -49,8 +49,8 @@
49
49
  "@codemirror/basic-setup": "^0.19.1",
50
50
  "@codemirror/stream-parser": "^0.19.3",
51
51
  "@codemirror/view": "^0.19.35",
52
- "@hazelcast/helpers": "^1.3.2-next.0+4462f30",
53
- "@hazelcast/services": "^1.3.2-next.0+4462f30",
52
+ "@hazelcast/helpers": "^1.3.1",
53
+ "@hazelcast/services": "^1.3.1",
54
54
  "@headlessui/react": "^1.4.2",
55
55
  "@icons-pack/react-simple-icons": "^4.6.1",
56
56
  "@popperjs/core": "^2.11.0",
@@ -77,7 +77,7 @@
77
77
  },
78
78
  "devDependencies": {
79
79
  "@codemirror/legacy-modes": "0.19.0",
80
- "@hazelcast/test-helpers": "^1.3.2-next.0+4462f30",
80
+ "@hazelcast/test-helpers": "^1.3.1",
81
81
  "@storybook/addon-docs": "^6.4.9",
82
82
  "@storybook/addons": "^6.4.9",
83
83
  "@storybook/builder-webpack5": "^6.4.9",
@@ -113,5 +113,5 @@
113
113
  "webpack": "^5.65.0",
114
114
  "yup": "^0.32.11"
115
115
  },
116
- "gitHead": "4462f30d5e6da8bc57fe211684f1c78919818e7a"
116
+ "gitHead": "3250e1f110b0def468a817bb28f19e4af1b3575a"
117
117
  }