@agility/plenum-ui 2.2.3 → 2.2.4

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/dist/index.js +1 -1
  2. package/dist/index.js.map +2 -2
  3. package/dist/tailwind.css +35 -0
  4. package/package.json +1 -1
  5. package/stories/atoms/buttons/Button/Button.tsx +11 -11
package/dist/tailwind.css CHANGED
@@ -79439,6 +79439,41 @@ select {
79439
79439
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
79440
79440
  }
79441
79441
 
79442
+ .disabled\:hover\:bg-gray-50:hover:disabled {
79443
+ --tw-bg-opacity: 1;
79444
+ background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
79445
+ }
79446
+
79447
+ .disabled\:hover\:bg-purple-50:hover:disabled {
79448
+ --tw-bg-opacity: 1;
79449
+ background-color: rgb(238 230 251 / var(--tw-bg-opacity, 1));
79450
+ }
79451
+
79452
+ .disabled\:hover\:bg-red-400:hover:disabled {
79453
+ --tw-bg-opacity: 1;
79454
+ background-color: rgb(248 113 113 / var(--tw-bg-opacity, 1));
79455
+ }
79456
+
79457
+ .disabled\:hover\:bg-violet-400:hover:disabled {
79458
+ --tw-bg-opacity: 1;
79459
+ background-color: rgb(167 139 250 / var(--tw-bg-opacity, 1));
79460
+ }
79461
+
79462
+ .disabled\:hover\:bg-white:hover:disabled {
79463
+ --tw-bg-opacity: 1;
79464
+ background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
79465
+ }
79466
+
79467
+ .disabled\:hover\:bg-yellow-300:hover:disabled {
79468
+ --tw-bg-opacity: 1;
79469
+ background-color: rgb(255 224 126 / var(--tw-bg-opacity, 1));
79470
+ }
79471
+
79472
+ .disabled\:hover\:bg-yellow-400:hover:disabled {
79473
+ --tw-bg-opacity: 1;
79474
+ background-color: rgb(255 213 83 / var(--tw-bg-opacity, 1));
79475
+ }
79476
+
79442
79477
  .disabled\:focus-visible\:ring-0:focus-visible:disabled {
79443
79478
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
79444
79479
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@agility/plenum-ui",
3
- "version": "2.2.3",
3
+ "version": "2.2.4",
4
4
  "license": "MIT",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.js",
package/stories/atoms/buttons/Button/Button.tsx CHANGED
@@ -89,23 +89,23 @@ const _Button = (
89
89
  { "px-[17px] py-[9px] text-base": size === "lg" },
90
90
  { "px-[25px] py-[13px] text-base": size === "xl" },
91
91
  {
92
- "bg-violet-800 text-white hover:border-violet-700 hover:bg-violet-700 disabled:bg-violet-400 disabled:focus-visible:ring-0":
92
+ "bg-violet-800 text-white hover:border-violet-700 hover:bg-violet-700 disabled:bg-violet-400 disabled:hover:bg-violet-400 disabled:focus-visible:ring-0":
93
93
  actionType === "primary"
94
94
  },
95
95
  {
96
- " bg-purple-50 border-purple-400 border hover:border-purple-500 text-purple-700 hover:bg-purple-100 focus-within:bg-purple-100 focus-visible:bg-purple-100 focus:bg-purple-100 active:bg-purple-100 disabled:bg-purple-50 disabled:text-purple-300 disabled:focus-visible:ring-0":
96
+ " bg-purple-50 border-purple-400 border hover:border-purple-500 text-purple-700 hover:bg-purple-100 focus-within:bg-purple-100 focus-visible:bg-purple-100 focus:bg-purple-100 active:bg-purple-100 disabled:bg-purple-50 disabled:hover:bg-purple-50 disabled:text-purple-300 disabled:focus-visible:ring-0":
97
97
  actionType === "secondary"
98
98
  },
99
99
  {
100
- "border-gray-300 bg-white border text-gray-700 hover:bg-gray-50 focus-visible:!border-gray-300 focus-within:!border-gray-300 focus:!border-gray-300 active:!border-gray-300 disabled:bg-gray-50 disabled:text-gray-300 disabled:focus-visible:ring-0":
100
+ "border-gray-300 bg-white border text-gray-700 hover:bg-gray-50 focus-visible:!border-gray-300 focus-within:!border-gray-300 focus:!border-gray-300 active:!border-gray-300 disabled:bg-gray-50 disabled:hover:bg-gray-50 disabled:text-gray-300 disabled:focus-visible:ring-0":
101
101
  actionType === "alternative"
102
102
  },
103
103
  {
104
- " bg-red-600 text-white hover:bg-red-700 <focus-visible:!></focus-visible:!>ring-red-500 focus:!ring-red-500 active:!ring-red-500 focus-within:!ring-red-500 disabled:bg-red-400 disabled:text-gray-50 disabled:focus-visible:ring-0":
104
+ " bg-red-600 text-white hover:bg-red-700 <focus-visible:!></focus-visible:!>ring-red-500 focus:!ring-red-500 active:!ring-red-500 focus-within:!ring-red-500 disabled:bg-red-400 disabled:hover:bg-red-400 disabled:text-gray-50 disabled:focus-visible:ring-0":
105
105
  actionType === "danger"
106
106
  },
107
107
  {
108
- " bg-yellow-500 text-transparent-black-70 hover:bg-yellow-700 <focus-visible:!></focus-visible:!>ring-yellow-500 focus:!ring-yellow-500 active:!ring-yellow-500 focus-within:!ring-yellow-500 disabled:bg-yellow-400 disabled:text-transparent-black-70 disabled:focus-visible:ring-0":
108
+ " bg-yellow-500 text-transparent-black-70 hover:bg-yellow-700 <focus-visible:!></focus-visible:!>ring-yellow-500 focus:!ring-yellow-500 active:!ring-yellow-500 focus-within:!ring-yellow-500 disabled:bg-yellow-400 disabled:hover:bg-yellow-400 disabled:text-transparent-black-70 disabled:focus-visible:ring-0":
109
109
  actionType === "warning"
110
110
  },
111
111
  className ? className : ""
@@ -169,27 +169,27 @@ const _Button = (
169
169
  { "text-base": size === "lg" },
170
170
  { "text-base": size === "xl" },
171
171
  {
172
- "bg-violet-800 text-white hover:border-violet-700 hover:bg-violet-700 disabled:bg-violet-400 disabled:focus-visible:ring-0":
172
+ "bg-violet-800 text-white hover:border-violet-700 hover:bg-violet-700 disabled:bg-violet-400 disabled:hover:bg-violet-400 disabled:focus-visible:ring-0":
173
173
  actionType === "primary"
174
174
  },
175
175
  {
176
- " bg-purple-50 border-purple-400 border hover:border-purple-500 text-purple-700 hover:bg-purple-100 focus-within:bg-purple-100 focus-visible:bg-purple-100 focus:bg-purple-100 active:bg-purple-100 disabled:bg-purple-50 disabled:text-purple-300 disabled:focus-visible:ring-0":
176
+ " bg-purple-50 border-purple-400 border hover:border-purple-500 text-purple-700 hover:bg-purple-100 focus-within:bg-purple-100 focus-visible:bg-purple-100 focus:bg-purple-100 active:bg-purple-100 disabled:bg-purple-50 disabled:hover:bg-purple-50 disabled:text-purple-300 disabled:focus-visible:ring-0":
177
177
  actionType === "secondary"
178
178
  },
179
179
  {
180
- "border-gray-300 bg-white border text-gray-700 hover:bg-gray-50 focus-visible:!border-gray-300 focus-within:!border-gray-300 focus:!border-gray-300 active:!border-gray-300 disabled:bg-gray-50 disabled:text-gray-300 disabled:focus-visible:ring-0":
180
+ "border-gray-300 bg-white border text-gray-700 hover:bg-gray-50 focus-visible:!border-gray-300 focus-within:!border-gray-300 focus:!border-gray-300 active:!border-gray-300 disabled:bg-gray-50 disabled:hover:bg-gray-50 disabled:text-gray-300 disabled:focus-visible:ring-0":
181
181
  actionType === "alternative"
182
182
  },
183
183
  {
184
- "bg-red-600 text-white hover:bg-red-700 focus-visible:!ring-red-500 focus:!ring-red-500 active:!ring-red-500 focus-within:!ring-red-500 disabled:bg-red-400 disabled:text-gray-50 disabled:focus-visible:ring-0":
184
+ "bg-red-600 text-white hover:bg-red-700 focus-visible:!ring-red-500 focus:!ring-red-500 active:!ring-red-500 focus-within:!ring-red-500 disabled:bg-red-400 disabled:hover:bg-red-400 disabled:text-gray-50 disabled:focus-visible:ring-0":
185
185
  actionType === "danger"
186
186
  },
187
187
  {
188
- "border-gray-300 border bg-white text-red-600 hover:bg-red-50 focus-visible:!ring-red-500 focus:!ring-red-500 active:bg-red-100 active:ring-red-500 focus-within:!ring-red-500 disabled:bg-white disabled:text-red-300 disabled:!ring-0 disabled:focus-visible:ring-0":
188
+ "border-gray-300 border bg-white text-red-600 hover:bg-red-50 focus-visible:!ring-red-500 focus:!ring-red-500 active:bg-red-100 active:ring-red-500 focus-within:!ring-red-500 disabled:bg-white disabled:hover:bg-white disabled:text-red-300 disabled:!ring-0 disabled:focus-visible:ring-0":
189
189
  actionType === "danger-secondary"
190
190
  },
191
191
  {
192
- "bg-yellow-500 text-transparent-black-70 hover:bg-yellow-700 focus-visible:!ring-yellow-500 focus:!ring-yellow-500 active:!ring-yellow-500 focus-within:!ring-yellow-500 disabled:bg-yellow-300 disabled:text-transparent-black-30 disabled:focus-visible:ring-0":
192
+ "bg-yellow-500 text-transparent-black-70 hover:bg-yellow-700 focus-visible:!ring-yellow-500 focus:!ring-yellow-500 active:!ring-yellow-500 focus-within:!ring-yellow-500 disabled:bg-yellow-300 disabled:hover:bg-yellow-300 disabled:text-transparent-black-30 disabled:focus-visible:ring-0":
193
193
  actionType === "warning"
194
194
  },
195
195
  className ? className : ""