@capillarytech/blaze-ui 6.1.6 → 6.1.7

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/CapIcon/index.js +12 -12
  2. package/CapIcon/styles.css +17 -21
  3. package/CapIcon/styles.module.scss.js +3 -4
  4. package/CapIcon/styles.scss +10 -15
  5. package/CapSelectFilter/types.d.ts +1 -1
  6. package/CapSelectFilter/types.d.ts.map +1 -1
  7. package/package.json +2 -2
  8. package/utils/getCapThemeConfig.d.ts +1 -1
  9. package/utils/getCapThemeConfig.d.ts.map +1 -1
package/CapIcon/index.js CHANGED
@@ -55,8 +55,8 @@ const CapIcon = React.forwardRef(
55
55
  {
56
56
  ref,
57
57
  className: classNames(
58
- styles["cap-icon-wrapper"],
59
- styles["cap-icon"],
58
+ styles["cap-icon-v2"],
59
+ type ? `cap-icon-v2-${type}` : null,
60
60
  styles[size],
61
61
  { [styles["with-text-label"]]: textLabel, [styles.disabled]: disabled },
62
62
  className
@@ -84,8 +84,8 @@ const CapIcon = React.forwardRef(
84
84
  {
85
85
  ref: withBackground ? void 0 : ref,
86
86
  className: classNames(
87
- styles["cap-icon-wrapper"],
88
- styles["cap-icon"],
87
+ styles["cap-icon-v2"],
88
+ type ? `cap-icon-v2-${type}` : null,
89
89
  styles[size],
90
90
  {
91
91
  [styles.spin]: spin,
@@ -106,7 +106,7 @@ const CapIcon = React.forwardRef(
106
106
  "div",
107
107
  {
108
108
  ref,
109
- className: classNames(styles["cap-icon-background-wrapper"], styles[size]),
109
+ className: classNames(styles["cap-icon-background"], styles[size]),
110
110
  ...backgroundProps,
111
111
  children: iconComponent
112
112
  }
@@ -120,8 +120,8 @@ const CapIcon = React.forwardRef(
120
120
  {
121
121
  ref: withBackground ? void 0 : ref,
122
122
  className: classNames(
123
- styles["cap-icon-wrapper"],
124
- styles["cap-icon"],
123
+ styles["cap-icon-v2"],
124
+ type ? `cap-icon-v2-${type}` : null,
125
125
  styles[size],
126
126
  { [styles.disabled]: disabled, [styles["with-text-label"]]: textLabel },
127
127
  className
@@ -139,7 +139,7 @@ const CapIcon = React.forwardRef(
139
139
  "span",
140
140
  {
141
141
  ref,
142
- className: classNames(styles["cap-icon-background-wrapper"], styles[size]),
142
+ className: classNames(styles["cap-icon-background"], styles[size]),
143
143
  ...backgroundProps,
144
144
  children: iconComponent
145
145
  }
@@ -150,8 +150,8 @@ const CapIcon = React.forwardRef(
150
150
  {
151
151
  ref,
152
152
  className: classNames(
153
- styles["cap-icon-wrapper"],
154
- styles["cap-icon"],
153
+ styles["cap-icon-v2"],
154
+ type ? `cap-icon-v2-${type}` : null,
155
155
  styles[size],
156
156
  { [styles.disabled]: disabled, [styles["with-text-label"]]: textLabel },
157
157
  className
@@ -168,7 +168,7 @@ CapIcon.displayName = "CapIcon";
168
168
  const AntIcon = ({ className, ...rest }) => /* @__PURE__ */ jsx(
169
169
  "i",
170
170
  {
171
- className: classNames(styles["cap-icon-ant-icon"], className),
171
+ className: classNames(styles["cap-icon-v2"], className),
172
172
  style: { display: "inline-flex", alignItems: "center", justifyContent: "center" },
173
173
  ...rest
174
174
  }
@@ -181,7 +181,7 @@ const CapIconAvatar = ({
181
181
  backgroundProps = {},
182
182
  labelProps = {}
183
183
  }) => {
184
- return /* @__PURE__ */ jsxs("div", { className: classNames(styles["cap-icon-avatar"], className), children: [
184
+ return /* @__PURE__ */ jsxs("div", { className: classNames(styles["cap-icon-v2-avatar"], className), children: [
185
185
  /* @__PURE__ */ jsx(LogoBackground, { width, height, ...backgroundProps }),
186
186
  text && /* @__PURE__ */ jsx("span", { className: styles["text-label"], ...labelProps, children: text })
187
187
  ] });
package/CapIcon/styles.css CHANGED
@@ -6,50 +6,46 @@
6
6
  /* Border Width */
7
7
  /* Transition */
8
8
  /* Timezones Footer */
9
- .cap-icon-wrapper {
9
+ .cap-icon-v2 {
10
10
  display: inline-flex;
11
11
  align-items: center;
12
12
  justify-content: center;
13
13
  }
14
- .cap-icon-wrapper.disabled {
14
+ .cap-icon-v2.disabled {
15
15
  cursor: not-allowed;
16
16
  opacity: 0.5;
17
17
  }
18
- .cap-icon-wrapper.xs {
18
+ .cap-icon-v2.xs {
19
19
  font-size: 0.857rem;
20
20
  }
21
- .cap-icon-wrapper.s {
21
+ .cap-icon-v2.s {
22
22
  font-size: 1.143rem;
23
23
  }
24
- .cap-icon-wrapper.m {
24
+ .cap-icon-v2.m {
25
25
  font-size: 1.714rem;
26
26
  }
27
- .cap-icon-wrapper.l {
27
+ .cap-icon-v2.l {
28
28
  font-size: 2.286rem;
29
29
  }
30
- .cap-icon-wrapper.with-text-label {
30
+ .cap-icon-v2.with-text-label {
31
31
  display: inline-flex;
32
32
  align-items: center;
33
33
  gap: 0.571rem;
34
34
  }
35
- .cap-icon-background-wrapper {
36
- display: inline-flex;
35
+ .cap-icon-v2 .anticon {
36
+ display: flex;
37
37
  align-items: center;
38
38
  justify-content: center;
39
- border-radius: 50%;
40
- background-color: #dfe2e7;
41
39
  }
42
- .cap-icon {
43
- display: inline-flex;
44
- align-items: center;
40
+ .cap-icon-v2.spin {
41
+ animation: rotate 2s linear infinite;
45
42
  }
46
- .cap-icon .anticon {
47
- display: flex;
43
+ .cap-icon-background {
44
+ display: inline-flex;
48
45
  align-items: center;
49
46
  justify-content: center;
50
- }
51
- .cap-icon.spin {
52
- animation: rotate 2s linear infinite;
47
+ border-radius: 50%;
48
+ background-color: #dfe2e7;
53
49
  }
54
50
  @keyframes rotate {
55
51
  from {
@@ -59,13 +55,13 @@
59
55
  transform: rotate(360deg);
60
56
  }
61
57
  }
62
- .cap-icon-avatar {
58
+ .cap-icon-v2-avatar {
63
59
  display: inline-flex;
64
60
  align-items: center;
65
61
  justify-content: center;
66
62
  position: relative;
67
63
  }
68
- .cap-icon-avatar .text-label {
64
+ .cap-icon-v2-avatar .text-label {
69
65
  position: absolute;
70
66
  display: flex;
71
67
  align-items: center;
package/CapIcon/styles.module.scss.js CHANGED
@@ -7,19 +7,18 @@ const anticon = "anticon";
7
7
  const spin = "spin";
8
8
  const rotate = "rotate";
9
9
  const styles = {
10
- "cap-icon-wrapper": "cap-icon-wrapper",
10
+ "cap-icon-v2": "cap-icon-v2",
11
11
  disabled,
12
12
  xs,
13
13
  s,
14
14
  m,
15
15
  l,
16
16
  "with-text-label": "with-text-label",
17
- "cap-icon-background-wrapper": "cap-icon-background-wrapper",
18
- "cap-icon": "cap-icon",
19
17
  anticon,
20
18
  spin,
21
19
  rotate,
22
- "cap-icon-avatar": "cap-icon-avatar",
20
+ "cap-icon-background": "cap-icon-background",
21
+ "cap-icon-v2-avatar": "cap-icon-v2-avatar",
23
22
  "text-label": "text-label"
24
23
  };
25
24
  export {
package/CapIcon/styles.scss CHANGED
@@ -1,6 +1,6 @@
1
1
  @import '../styles/_variables';
2
2
 
3
- .cap-icon-wrapper {
3
+ .cap-icon-v2 {
4
4
  display: inline-flex;
5
5
  align-items: center;
6
6
  justify-content: center;
@@ -31,19 +31,6 @@
31
31
  align-items: center;
32
32
  gap: 0.571rem;
33
33
  }
34
- }
35
-
36
- .cap-icon-background-wrapper {
37
- display: inline-flex;
38
- align-items: center;
39
- justify-content: center;
40
- border-radius: 50%;
41
- background-color: $cap-g07;
42
- }
43
-
44
- .cap-icon {
45
- display: inline-flex;
46
- align-items: center;
47
34
 
48
35
  .anticon {
49
36
  display: flex;
@@ -56,6 +43,14 @@
56
43
  }
57
44
  }
58
45
 
46
+ .cap-icon-background {
47
+ display: inline-flex;
48
+ align-items: center;
49
+ justify-content: center;
50
+ border-radius: 50%;
51
+ background-color: $cap-g07;
52
+ }
53
+
59
54
  @keyframes rotate {
60
55
  from {
61
56
  transform: rotate(0deg);
@@ -65,7 +60,7 @@
65
60
  }
66
61
  }
67
62
 
68
- .cap-icon-avatar {
63
+ .cap-icon-v2-avatar {
69
64
  display: inline-flex;
70
65
  align-items: center;
71
66
  justify-content: center;
package/CapSelectFilter/types.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { DropdownProps } from 'antd-v5';
1
+ import type { DropdownProps } from 'antd-v5';
2
2
  import React from 'react';
3
3
  export interface CapSelectFilterMenuItem {
4
4
  key: string;
package/CapSelectFilter/types.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../components/CapSelectFilter/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AACxC,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,uBAAuB;IACtC,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;CACjC;AAED,MAAM,WAAW,oBACf,SAAQ,IAAI,CAAC,aAAa,EAAE,MAAM,GAAG,SAAS,GAAG,cAAc,GAAG,cAAc,CAAC;IACjF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IAC1D,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACvC,SAAS,CAAC,EAAE,YAAY,GAAG,QAAQ,GAAG,aAAa,GAAG,SAAS,GAAG,KAAK,GAAG,UAAU,CAAC;IACrF,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,IAAI,CAAC,EAAE,uBAAuB,EAAE,CAAC;IACjC,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB"}
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../components/CapSelectFilter/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAC7C,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,uBAAuB;IACtC,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;CACjC;AAED,MAAM,WAAW,oBACf,SAAQ,IAAI,CAAC,aAAa,EAAE,MAAM,GAAG,SAAS,GAAG,cAAc,GAAG,cAAc,CAAC;IACjF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IAC1D,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACvC,SAAS,CAAC,EAAE,YAAY,GAAG,QAAQ,GAAG,aAAa,GAAG,SAAS,GAAG,KAAK,GAAG,UAAU,CAAC;IACrF,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,IAAI,CAAC,EAAE,uBAAuB,EAAE,CAAC;IACjC,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB"}
package/package.json CHANGED
@@ -1,12 +1,12 @@
1
1
  {
2
2
  "name": "@capillarytech/blaze-ui",
3
- "version": "6.1.6",
3
+ "version": "6.1.7",
4
4
  "description": "Capillary UI component library with Ant Design v6",
5
5
  "main": "index.js",
6
6
  "module": "dist/index.js",
7
7
  "types": "index.d.ts",
8
8
  "sideEffects": [
9
- "*.css",
9
+ "**/*.css",
10
10
  "**/translations/*",
11
11
  "**/sanitize.css",
12
12
  "**/CapExpressionEditor/js/expressionEditor.*"
package/utils/getCapThemeConfig.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import type { ThemeConfig } from 'antd-v5/es/config-provider';
1
+ import type { ThemeConfig } from 'antd-v5';
2
2
  /**
3
3
  * Get Capillary theme configuration for Ant Design v5+
4
4
  * This function maps Capillary design tokens to Ant Design tokens,
package/utils/getCapThemeConfig.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"getCapThemeConfig.d.ts","sourceRoot":"","sources":["../../components/utils/getCapThemeConfig.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAmE9D;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AAGH,wBAAgB,iBAAiB,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,GAAG,WAAW,CAgU7E"}
1
+ {"version":3,"file":"getCapThemeConfig.d.ts","sourceRoot":"","sources":["../../components/utils/getCapThemeConfig.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAmE3C;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AAGH,wBAAgB,iBAAiB,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,GAAG,WAAW,CAgU7E"}