@drivy/cobalt 2.11.0 → 2.11.1

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 (2) hide show
  1. package/package.json +1 -1
  2. package/styles/components/Buttons/Button/index.scss +9 -8
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@drivy/cobalt",
3
- "version": "2.11.0",
3
+ "version": "2.11.1",
4
4
  "description": "Opinionated design system for Drivy's projects.",
5
5
  "main": "src/index.js",
6
6
  "types": "types/src/index.d.ts",
package/styles/components/Buttons/Button/index.scss CHANGED
@@ -15,6 +15,7 @@
15
15
 
16
16
  transform: scale(1);
17
17
  user-select: none;
18
+ background-clip: border-box;
18
19
  appearance: none;
19
20
 
20
21
  &:active:not([disabled]) {
@@ -85,7 +86,7 @@
85
86
  }
86
87
 
87
88
  .cobalt-button--small {
88
- @apply c-px-[12px] hover:c-drop-shadow-md;
89
+ @apply c-px-[12px] c-border-transparent hover:c-drop-shadow-md;
89
90
  min-width: 32px;
90
91
  min-height: 32px;
91
92
 
@@ -97,7 +98,7 @@
97
98
  }
98
99
 
99
100
  &.cobalt-button--warning {
100
- @apply c-bg-warning c-border-warning c-text-onWarning;
101
+ @apply c-bg-warning c-text-onWarning;
101
102
 
102
103
  .cobalt-button__loading-icon {
103
104
  @apply c-text-onWarning;
@@ -105,7 +106,7 @@
105
106
  }
106
107
 
107
108
  &.cobalt-button--tertiary {
108
- @apply c-bg-tertiary c-border-tertiary c-text-onTertiary;
109
+ @apply c-bg-tertiary c-text-onTertiary;
109
110
 
110
111
  .cobalt-button__loading-icon {
111
112
  @apply c-text-onTertiary;
@@ -113,7 +114,7 @@
113
114
  }
114
115
 
115
116
  &.cobalt-button--secondary {
116
- @apply c-bg-secondary c-border-secondary c-text-onSecondary;
117
+ @apply c-bg-secondary c-text-onSecondary;
117
118
 
118
119
  .cobalt-button__loading-icon {
119
120
  @apply c-text-onSecondary;
@@ -121,7 +122,7 @@
121
122
  }
122
123
 
123
124
  &.cobalt-button--business {
124
- @apply c-bg-businessContainer c-border-businessContainer c-text-onBusinessContainer;
125
+ @apply c-bg-businessContainer c-text-onBusinessContainer;
125
126
 
126
127
  .cobalt-button__loading-icon {
127
128
  @apply c-text-onBusinessContainer;
@@ -129,7 +130,7 @@
129
130
  }
130
131
 
131
132
  &.cobalt-button--success {
132
- @apply c-bg-success c-border-success c-text-onSuccess;
133
+ @apply c-bg-success c-text-onSuccess;
133
134
 
134
135
  .cobalt-button__loading-icon {
135
136
  @apply c-text-onSuccess;
@@ -137,7 +138,7 @@
137
138
  }
138
139
 
139
140
  &.cobalt-button--neutral {
140
- @apply c-bg-neutral c-border-neutral c-text-onNeutral;
141
+ @apply c-bg-neutral c-text-onNeutral;
141
142
 
142
143
  .cobalt-button__loading-icon {
143
144
  @apply c-text-onNeutral;
@@ -146,7 +147,7 @@
146
147
  }
147
148
 
148
149
  .cobalt-button--primary {
149
- @apply c-bg-primary c-border-primary c-text-onPrimary;
150
+ @apply c-bg-primary c-border-transparent c-text-onPrimary;
150
151
 
151
152
  .cobalt-button__loading-icon {
152
153
  @apply c-text-onPrimary;