@cuby-ui/core 0.0.197 → 0.0.199

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.
@@ -12,7 +12,7 @@ export declare class CuiButtonComponent implements CuiButtonOptions, OnInit {
12
12
  protected readonly BUTTON_ICONS_COLOR_BASE_500: CuiButtonOptions['appearance'][];
13
13
  protected _appearance: "action" | "secondary" | "outlined" | "outlined-gray" | "ghost" | "flat" | "destructive" | "link";
14
14
  protected iconColor: string;
15
- protected _size: "sm" | "md" | "xxs" | "xs";
15
+ protected _size: "xxs" | "xs" | "sm" | "md";
16
16
  protected iconDimensions: {
17
17
  width: number;
18
18
  height: number;
package/package.json CHANGED
@@ -1,12 +1,12 @@
1
1
  {
2
2
  "name": "@cuby-ui/core",
3
- "version": "0.0.197",
3
+ "version": "0.0.199",
4
4
  "peerDependencies": {
5
5
  "@angular/common": ">=16.0.0",
6
6
  "@angular/core": ">=16.0.0",
7
7
  "@angular/forms": ">=16.0.0",
8
- "@cuby-ui/cdk": "^0.0.197",
9
- "@cuby-ui/icons": "^0.0.197",
8
+ "@cuby-ui/cdk": "^0.0.199",
9
+ "@cuby-ui/icons": "^0.0.199",
10
10
  "@maskito/angular": "^2.5.0",
11
11
  "@maskito/core": "^2.5.0",
12
12
  "@maskito/kit": "^2.5.0",
@@ -1,5 +1,42 @@
1
+ @use '../variables/colors' as colors;
2
+
1
3
  @mixin cui-clear-list() {
2
4
  padding: 0;
3
5
  margin: 0;
4
6
  list-style: none;
5
7
  }
8
+
9
+ // The list should have no padding or border
10
+ // The $offset should correspond to the border-radius of the elements
11
+ @mixin cui-line-between-items($offset) {
12
+ position: relative;
13
+
14
+ & > * {
15
+ z-index: 1;
16
+ }
17
+
18
+ &:has(> :nth-child(2))::before {
19
+ content: '';
20
+ position: absolute;
21
+ top: 0;
22
+ bottom: 0;
23
+ left: $offset;
24
+ width: 1px;
25
+ background: colors.$cui-base-200;
26
+ }
27
+ }
28
+
29
+ @mixin cui-line-after-item($offset, $list-gap) {
30
+ position: relative;
31
+
32
+ &:not(:last-child)::before {
33
+ content: '';
34
+ position: absolute;
35
+ top: 0;
36
+ left: $offset;
37
+ bottom: -$list-gap;
38
+ z-index: -1;
39
+ width: 1px;
40
+ background: colors.$cui-base-200;
41
+ }
42
+ }