@dynamic-framework/ui-react 2.4.0 → 2.5.0
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.
- package/dist/css/dynamic-ui.css +14168 -7314
- package/dist/css/dynamic-ui.min.css +2 -2
- package/dist/index.esm.js +89 -25
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +88 -25
- package/dist/index.js.map +1 -1
- package/dist/types/components/DDropdown/DDropdown.d.ts +2 -1
- package/dist/types/components/DLayout/DLayout.d.ts +8 -9
- package/dist/types/components/DLayout/index.d.ts +1 -0
- package/dist/types/components/DToastContainer/DToastContainer.d.ts +39 -2
- package/dist/types/components/DToastContainer/index.d.ts +2 -0
- package/dist/types/components/DToastContainer/useDToast.d.ts +38 -5
- package/dist/types/components/index.d.ts +2 -0
- package/dist/types/components/interface.d.ts +1 -1
- package/dist/types/contexts/DContext.d.ts +67 -9
- package/dist/types/contexts/DPortalContext.d.ts +66 -8
- package/dist/types/contexts/index.d.ts +1 -1
- package/dist/types/hooks/index.d.ts +0 -1
- package/dist/types/hooks/usePortal.d.ts +6 -0
- package/package.json +4 -3
- package/src/style/abstracts/_mixins.scss +46 -0
- package/src/style/abstracts/_utilities.scss +1 -1
- package/src/style/abstracts/variables/_dropdowns.scss +18 -8
- package/src/style/base/_buttons.scss +4 -0
- package/src/style/base/_dropdown.scss +5 -16
- package/src/style/base/_toast.scss +18 -16
- package/src/style/root/_root.scss +26 -0
|
@@ -240,6 +240,18 @@
|
|
|
240
240
|
$active-bg-color: var(--#{$prefix}gray-300),
|
|
241
241
|
$focus-shadow-rgb: var(--#{$prefix}gray-100-rgb),
|
|
242
242
|
);
|
|
243
|
+
@include df-button-soft-variant-variables(
|
|
244
|
+
"light",
|
|
245
|
+
$default-color: var(--#{$prefix}gray-700),
|
|
246
|
+
$default-bg: var(--#{$prefix}gray-25),
|
|
247
|
+
$hover-color: var(--#{$prefix}gray-700),
|
|
248
|
+
$hover-bg: var(--#{$prefix}gray-50),
|
|
249
|
+
$focus-color: var(--#{$prefix}gray-700),
|
|
250
|
+
$focus-bg: var(--#{$prefix}gray-50),
|
|
251
|
+
$active-color: var(--#{$prefix}gray-700),
|
|
252
|
+
$active-bg: var(--#{$prefix}gray-100),
|
|
253
|
+
$focus-shadow-rgb: var(--#{$prefix}gray-100-rgb),
|
|
254
|
+
);
|
|
243
255
|
} @else if $color == "dark" {
|
|
244
256
|
@include df-button-variant-variables(
|
|
245
257
|
"dark",
|
|
@@ -270,6 +282,18 @@
|
|
|
270
282
|
$active-bg-color: var(--#{$prefix}gray-700),
|
|
271
283
|
$focus-shadow-rgb: var(--#{$prefix}gray-900-rgb),
|
|
272
284
|
);
|
|
285
|
+
@include df-button-soft-variant-variables(
|
|
286
|
+
"dark",
|
|
287
|
+
$default-color: var(--#{$prefix}gray-700),
|
|
288
|
+
$default-bg: var(--#{$prefix}gray-50),
|
|
289
|
+
$hover-color: var(--#{$prefix}gray-800),
|
|
290
|
+
$hover-bg: var(--#{$prefix}gray-100),
|
|
291
|
+
$focus-color: var(--#{$prefix}gray-800),
|
|
292
|
+
$focus-bg: var(--#{$prefix}gray-100),
|
|
293
|
+
$active-color: var(--#{$prefix}gray-900),
|
|
294
|
+
$active-bg: var(--#{$prefix}gray-200),
|
|
295
|
+
$focus-shadow-rgb: var(--#{$prefix}gray-900-rgb),
|
|
296
|
+
);
|
|
273
297
|
|
|
274
298
|
} @else if $color == "secondary" {
|
|
275
299
|
@include df-button-variant-variables(
|
|
@@ -298,10 +322,12 @@
|
|
|
298
322
|
"secondary",
|
|
299
323
|
$active-bg-color: var(--#{$prefix}secondary-100),
|
|
300
324
|
);
|
|
325
|
+
@include df-button-soft-variant-variables("secondary");
|
|
301
326
|
} @else {
|
|
302
327
|
@include df-button-variant-variables($color);
|
|
303
328
|
@include df-button-outline-variant-variables($color);
|
|
304
329
|
@include df-button-link-variant-variables($color);
|
|
330
|
+
@include df-button-soft-variant-variables($color);
|
|
305
331
|
}
|
|
306
332
|
}
|
|
307
333
|
}
|