@nexxtmove/ui 0.1.71 → 0.1.72

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 (3) hide show
  1. package/package.json +1 -1
  2. package/tailwind/nexxtmove.tailwind.components.css +18 -0
  3. package/tailwind/nexxtmove.tailwind.theme.css +8 -0
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@nexxtmove/ui",
3
3
  "type": "module",
4
- "version": "0.1.71",
4
+ "version": "0.1.72",
5
5
  "exports": {
6
6
  ".": {
7
7
  "types": "./dist/index.d.ts",
package/tailwind/nexxtmove.tailwind.components.css CHANGED
@@ -97,6 +97,24 @@
97
97
  }
98
98
  }
99
99
 
100
+ .button-warning {
101
+ @apply bg-button-bg-warning-default text-button-text-warning-default;
102
+ &:hover {
103
+ @media (hover: hover) {
104
+ @apply bg-button-bg-warning-hover;
105
+ }
106
+ }
107
+ &:focus-visible {
108
+ @apply bg-button-bg-warning-focussed outline-button-border-warning-focussed outline outline-solid;
109
+ }
110
+ &:active {
111
+ @apply bg-button-bg-warning-selected;
112
+ }
113
+ &:disabled {
114
+ @apply bg-button-bg-warning-disabled text-button-text-warning-disabled;
115
+ }
116
+ }
117
+
100
118
  .progress-bar {
101
119
  @apply border-progress-bar-border border border-solid;
102
120
  }
package/tailwind/nexxtmove.tailwind.theme.css CHANGED
@@ -133,6 +133,11 @@
133
133
  --color-button-bg-danger-focussed: var(--color-brick-500);
134
134
  --color-button-bg-danger-selected: var(--color-brick-700);
135
135
  --color-button-bg-danger-disabled: var(--color-brick-100);
136
+ --color-button-bg-warning-default: var(--color-orange-500);
137
+ --color-button-bg-warning-hover: var(--color-orange-600);
138
+ --color-button-bg-warning-focussed: var(--color-orange-500);
139
+ --color-button-bg-warning-selected: var(--color-orange-700);
140
+ --color-button-bg-warning-disabled: var(--color-orange-100);
136
141
  --color-button-text-primary-default: var(--color-white);
137
142
  --color-button-text-primary-disabled: var(--color-gray-600);
138
143
  --color-button-text-secondary-default: var(--color-gray-950);
@@ -146,6 +151,8 @@
146
151
  --color-button-text-success-disabled: var(--color-gray-100);
147
152
  --color-button-text-danger-default: var(--color-white);
148
153
  --color-button-text-danger-disabled: var(--color-gray-100);
154
+ --color-button-text-warning-default: var(--color-white);
155
+ --color-button-text-warning-disabled: var(--color-gray-600);
149
156
  --color-button-border-primary-focussed: var(--color-cornflower-blue-100);
150
157
  --color-button-border-secondary-focussed: var(--color-cornflower-blue-100);
151
158
  --color-button-border-secondary-hover: var(--color-cornflower-blue-700);
@@ -155,6 +162,7 @@
155
162
  --color-button-border-link-focussed: var(--color-cornflower-blue-100);
156
163
  --color-button-border-success-focussed: var(--color-green-100);
157
164
  --color-button-border-danger-focussed: var(--color-brick-100);
165
+ --color-button-border-warning-focussed: var(--color-orange-100);
158
166
  --color-progress-bar-bg-progress: var(--color-cornflower-blue-500);
159
167
  --color-progress-bar-bg-bar: var(--color-gray-50);
160
168
  --color-progress-bar-border: var(--color-gray-200);