coveragebook_components 0.18.6 → 0.18.7

Sign up to get free protection for your applications and to get access to all the features.
@@ -1,20 +1,12 @@
1
1
  @layer components {
2
2
  [data-coco][data-component="badge"] {
3
- @apply flex items-center whitespace-nowrap px-2 rounded-lg;
3
+ @apply flex items-center whitespace-nowrap px-2 py-0.5 label-sm rounded-xl antialiased;
4
4
  width: min-content;
5
5
 
6
6
  .badge-icon {
7
7
  @apply mr-1;
8
8
  }
9
9
 
10
- &[data-size="sm"] {
11
- @apply badge-sm;
12
- }
13
-
14
- &[data-size="md"] {
15
- @apply badge-md;
16
- }
17
-
18
10
  &[data-theme="neutral-dark"] {
19
11
  @apply bg-background-dark-1 text-content-light-1;
20
12
  }
@@ -24,21 +16,47 @@
24
16
  }
25
17
 
26
18
  &[data-theme="neutral-muted"] {
27
- @apply bg-coco-gray-300 text-content-dark-3;
19
+ @apply bg-gray-transparent-50 text-content-dark-1;
28
20
  }
29
21
 
30
22
  &[data-theme="primary"] {
31
23
  @apply bg-background-primary text-content-light-1;
32
24
  }
33
- }
34
- }
35
25
 
36
- @layer utilities {
37
- .badge-sm {
38
- @apply py-1 label-sm;
39
- }
26
+ &[data-theme="positive"] {
27
+ @apply bg-background-positive text-content-light-1;
28
+ }
29
+
30
+ &[data-theme="negative"] {
31
+ @apply bg-background-negative text-content-light-1;
32
+ }
33
+
34
+ &[data-theme="warning"] {
35
+ @apply bg-background-warning text-content-light-1;
36
+ }
40
37
 
41
- .badge-md {
42
- @apply py-1 label-md;
38
+ &[data-theme="info"] {
39
+ @apply bg-background-info text-content-light-1;
40
+ }
41
+
42
+ &[data-theme="primary-light"] {
43
+ @apply bg-background-primary-light text-content-dark-1;
44
+ }
45
+
46
+ &[data-theme="positive-light"] {
47
+ @apply bg-background-positive-light text-content-dark-1;
48
+ }
49
+
50
+ &[data-theme="negative-light"] {
51
+ @apply bg-background-negative-light text-content-dark-1;
52
+ }
53
+
54
+ &[data-theme="warning-light"] {
55
+ @apply bg-background-warning-light text-content-dark-1;
56
+ }
57
+
58
+ &[data-theme="info-light"] {
59
+ @apply bg-background-info-light text-content-dark-1;
60
+ }
43
61
  }
44
62
  }
@@ -3,9 +3,22 @@ module Coco
3
3
  include Concerns::AcceptsOptions
4
4
  include Concerns::AcceptsTheme
5
5
 
6
- THEMES = ["neutral-dark", "neutral-light", "neutral-muted", "primary"]
6
+ THEMES = [
7
+ "neutral-dark",
8
+ "neutral-light",
9
+ "neutral-muted",
10
+ "primary",
11
+ "positive",
12
+ "negative",
13
+ "warning",
14
+ "info",
15
+ "primary-light",
16
+ "positive-light",
17
+ "negative-light",
18
+ "warning-light",
19
+ "info-light"
20
+ ]
7
21
 
8
- accepts_option :size, from: %i[sm md], default: :md
9
22
  accepts_option :theme, from: THEMES, default: "neutral-dark"
10
23
 
11
24
  attr_reader :icon_name
data/lib/coco.rb CHANGED
@@ -1,3 +1,3 @@
1
1
  module Coco
2
- VERSION = "0.18.6"
2
+ VERSION = "0.18.7"
3
3
  end
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: coveragebook_components
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.18.6
4
+ version: 0.18.7
5
5
  platform: ruby
6
6
  authors:
7
7
  - Mark Perkins
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2024-05-23 00:00:00.000000000 Z
11
+ date: 2024-07-05 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: rails