@broxus/react-uikit 0.14.0 → 0.14.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.
- package/dist/cjs/components/Button/index.scss +0 -2
- package/dist/cjs/components/Card/index.scss +25 -0
- package/dist/cjs/components/Control/Select/index.scss +1 -3
- package/dist/cjs/styles/mixins.scss +10 -4
- package/dist/cjs/styles/variables.scss +1 -0
- package/dist/esm/components/Button/index.scss +0 -2
- package/dist/esm/components/Card/index.scss +25 -0
- package/dist/esm/components/Control/Select/index.scss +1 -3
- package/dist/esm/styles/mixins.scss +10 -4
- package/dist/esm/styles/variables.scss +1 -0
- package/package.json +2 -2
|
@@ -284,8 +284,6 @@
|
|
|
284
284
|
.uk-button-primary:disabled,
|
|
285
285
|
.uk-button-secondary:disabled,
|
|
286
286
|
.uk-button-tertiary:disabled,
|
|
287
|
-
.uk-button-success:disabled,
|
|
288
|
-
.uk-button-warning:disabled,
|
|
289
287
|
.uk-button-danger:disabled {
|
|
290
288
|
background-color: var(--button-disabled-background);
|
|
291
289
|
color: var(--button-disabled-color);
|
|
@@ -239,6 +239,31 @@
|
|
|
239
239
|
}
|
|
240
240
|
}
|
|
241
241
|
|
|
242
|
+
// Color Mode
|
|
243
|
+
@if $card-default-color-mode == light {
|
|
244
|
+
.uk-card-default.uk-card-body {
|
|
245
|
+
@extend .uk-light !optional;
|
|
246
|
+
}
|
|
247
|
+
}
|
|
248
|
+
|
|
249
|
+
@if $card-default-color-mode == light {
|
|
250
|
+
.uk-card-default > :not([class*='uk-card-media']) {
|
|
251
|
+
@extend .uk-light !optional;
|
|
252
|
+
}
|
|
253
|
+
}
|
|
254
|
+
|
|
255
|
+
@if $card-default-color-mode == dark {
|
|
256
|
+
.uk-card-default.uk-card-body {
|
|
257
|
+
@extend .uk-dark !optional;
|
|
258
|
+
}
|
|
259
|
+
}
|
|
260
|
+
|
|
261
|
+
@if $card-default-color-mode == dark {
|
|
262
|
+
.uk-card-default > :not([class*='uk-card-media']) {
|
|
263
|
+
@extend .uk-dark !optional;
|
|
264
|
+
}
|
|
265
|
+
}
|
|
266
|
+
|
|
242
267
|
/*
|
|
243
268
|
* Primary
|
|
244
269
|
*/
|
|
@@ -767,9 +767,7 @@
|
|
|
767
767
|
// Vars
|
|
768
768
|
// ========================================================================
|
|
769
769
|
|
|
770
|
-
:root
|
|
771
|
-
::after,
|
|
772
|
-
::before {
|
|
770
|
+
:root {
|
|
773
771
|
--select-border: var(--control-border);
|
|
774
772
|
--select-border-style: var(--control-border-style);
|
|
775
773
|
--select-border-width: var(--control-border-width);
|
|
@@ -2072,9 +2072,12 @@
|
|
|
2072
2072
|
@mixin hook-switch-checked-handle() {}
|
|
2073
2073
|
@mixin hook-switch-disabled() {}
|
|
2074
2074
|
@mixin hook-switch-misc() {}
|
|
2075
|
-
|
|
2076
|
-
@mixin hook-
|
|
2077
|
-
@mixin hook-inverse-
|
|
2075
|
+
@mixin hook-inverse-switch() {}
|
|
2076
|
+
@mixin hook-inverse-switch-handle() {}
|
|
2077
|
+
@mixin hook-inverse-switch-checked() {}
|
|
2078
|
+
@mixin hook-inverse-switch-checked-handle() {}
|
|
2079
|
+
@mixin hook-inverse-switch-disabled() {}
|
|
2080
|
+
@mixin hook-inverse-component-switch() {}
|
|
2078
2081
|
|
|
2079
2082
|
@mixin hook-tabs() {}
|
|
2080
2083
|
@mixin hook-tabs-tab() {}
|
|
@@ -2359,6 +2362,7 @@
|
|
|
2359
2362
|
}
|
|
2360
2363
|
}
|
|
2361
2364
|
|
|
2365
|
+
@mixin hook-inverse-misc() {}
|
|
2362
2366
|
|
|
2363
2367
|
@mixin hook-inverse() {
|
|
2364
2368
|
@include hook-inverse-component-base;
|
|
@@ -2391,7 +2395,7 @@
|
|
|
2391
2395
|
@include hook-inverse-component-breadcrumb;
|
|
2392
2396
|
|
|
2393
2397
|
@include hook-inverse-component-pagination;
|
|
2394
|
-
@include hook-inverse-component-
|
|
2398
|
+
@include hook-inverse-component-switch;
|
|
2395
2399
|
@include hook-inverse-component-tabs;
|
|
2396
2400
|
@include hook-inverse-component-table;
|
|
2397
2401
|
|
|
@@ -2402,4 +2406,6 @@
|
|
|
2402
2406
|
@include hook-inverse-component-column;
|
|
2403
2407
|
@include hook-inverse-component-utility;
|
|
2404
2408
|
@include hook-inverse-component-marker;
|
|
2409
|
+
|
|
2410
|
+
@include hook-inverse-misc;
|
|
2405
2411
|
}
|
|
@@ -521,6 +521,7 @@ $card-default-background: $global-muted-ba
|
|
|
521
521
|
$card-default-color: $global-color !default;
|
|
522
522
|
$card-default-title-color: $global-emphasis-color !default;
|
|
523
523
|
$card-default-hover-background: darken($card-default-background, 5%) !default;
|
|
524
|
+
$card-default-color-mode: dark !default;
|
|
524
525
|
$card-primary-background: $global-primary-background !default;
|
|
525
526
|
$card-primary-color: $global-inverse-color !default;
|
|
526
527
|
$card-primary-title-color: $card-primary-color !default;
|
|
@@ -284,8 +284,6 @@
|
|
|
284
284
|
.uk-button-primary:disabled,
|
|
285
285
|
.uk-button-secondary:disabled,
|
|
286
286
|
.uk-button-tertiary:disabled,
|
|
287
|
-
.uk-button-success:disabled,
|
|
288
|
-
.uk-button-warning:disabled,
|
|
289
287
|
.uk-button-danger:disabled {
|
|
290
288
|
background-color: var(--button-disabled-background);
|
|
291
289
|
color: var(--button-disabled-color);
|
|
@@ -239,6 +239,31 @@
|
|
|
239
239
|
}
|
|
240
240
|
}
|
|
241
241
|
|
|
242
|
+
// Color Mode
|
|
243
|
+
@if $card-default-color-mode == light {
|
|
244
|
+
.uk-card-default.uk-card-body {
|
|
245
|
+
@extend .uk-light !optional;
|
|
246
|
+
}
|
|
247
|
+
}
|
|
248
|
+
|
|
249
|
+
@if $card-default-color-mode == light {
|
|
250
|
+
.uk-card-default > :not([class*='uk-card-media']) {
|
|
251
|
+
@extend .uk-light !optional;
|
|
252
|
+
}
|
|
253
|
+
}
|
|
254
|
+
|
|
255
|
+
@if $card-default-color-mode == dark {
|
|
256
|
+
.uk-card-default.uk-card-body {
|
|
257
|
+
@extend .uk-dark !optional;
|
|
258
|
+
}
|
|
259
|
+
}
|
|
260
|
+
|
|
261
|
+
@if $card-default-color-mode == dark {
|
|
262
|
+
.uk-card-default > :not([class*='uk-card-media']) {
|
|
263
|
+
@extend .uk-dark !optional;
|
|
264
|
+
}
|
|
265
|
+
}
|
|
266
|
+
|
|
242
267
|
/*
|
|
243
268
|
* Primary
|
|
244
269
|
*/
|
|
@@ -767,9 +767,7 @@
|
|
|
767
767
|
// Vars
|
|
768
768
|
// ========================================================================
|
|
769
769
|
|
|
770
|
-
:root
|
|
771
|
-
::after,
|
|
772
|
-
::before {
|
|
770
|
+
:root {
|
|
773
771
|
--select-border: var(--control-border);
|
|
774
772
|
--select-border-style: var(--control-border-style);
|
|
775
773
|
--select-border-width: var(--control-border-width);
|
|
@@ -2072,9 +2072,12 @@
|
|
|
2072
2072
|
@mixin hook-switch-checked-handle() {}
|
|
2073
2073
|
@mixin hook-switch-disabled() {}
|
|
2074
2074
|
@mixin hook-switch-misc() {}
|
|
2075
|
-
|
|
2076
|
-
@mixin hook-
|
|
2077
|
-
@mixin hook-inverse-
|
|
2075
|
+
@mixin hook-inverse-switch() {}
|
|
2076
|
+
@mixin hook-inverse-switch-handle() {}
|
|
2077
|
+
@mixin hook-inverse-switch-checked() {}
|
|
2078
|
+
@mixin hook-inverse-switch-checked-handle() {}
|
|
2079
|
+
@mixin hook-inverse-switch-disabled() {}
|
|
2080
|
+
@mixin hook-inverse-component-switch() {}
|
|
2078
2081
|
|
|
2079
2082
|
@mixin hook-tabs() {}
|
|
2080
2083
|
@mixin hook-tabs-tab() {}
|
|
@@ -2359,6 +2362,7 @@
|
|
|
2359
2362
|
}
|
|
2360
2363
|
}
|
|
2361
2364
|
|
|
2365
|
+
@mixin hook-inverse-misc() {}
|
|
2362
2366
|
|
|
2363
2367
|
@mixin hook-inverse() {
|
|
2364
2368
|
@include hook-inverse-component-base;
|
|
@@ -2391,7 +2395,7 @@
|
|
|
2391
2395
|
@include hook-inverse-component-breadcrumb;
|
|
2392
2396
|
|
|
2393
2397
|
@include hook-inverse-component-pagination;
|
|
2394
|
-
@include hook-inverse-component-
|
|
2398
|
+
@include hook-inverse-component-switch;
|
|
2395
2399
|
@include hook-inverse-component-tabs;
|
|
2396
2400
|
@include hook-inverse-component-table;
|
|
2397
2401
|
|
|
@@ -2402,4 +2406,6 @@
|
|
|
2402
2406
|
@include hook-inverse-component-column;
|
|
2403
2407
|
@include hook-inverse-component-utility;
|
|
2404
2408
|
@include hook-inverse-component-marker;
|
|
2409
|
+
|
|
2410
|
+
@include hook-inverse-misc;
|
|
2405
2411
|
}
|
|
@@ -521,6 +521,7 @@ $card-default-background: $global-muted-ba
|
|
|
521
521
|
$card-default-color: $global-color !default;
|
|
522
522
|
$card-default-title-color: $global-emphasis-color !default;
|
|
523
523
|
$card-default-hover-background: darken($card-default-background, 5%) !default;
|
|
524
|
+
$card-default-color-mode: dark !default;
|
|
524
525
|
$card-primary-background: $global-primary-background !default;
|
|
525
526
|
$card-primary-color: $global-inverse-color !default;
|
|
526
527
|
$card-primary-title-color: $card-primary-color !default;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@broxus/react-uikit",
|
|
3
|
-
"version": "0.14.
|
|
3
|
+
"version": "0.14.1",
|
|
4
4
|
"description": "React-based UIkit library",
|
|
5
5
|
"license": "AGPL-3.0",
|
|
6
6
|
"keywords": [
|
|
@@ -82,5 +82,5 @@
|
|
|
82
82
|
"react": "^16.8.0 || ^17.x || ^18.x",
|
|
83
83
|
"react-dom": "^16.8.0 || ^17.x || ^18.x"
|
|
84
84
|
},
|
|
85
|
-
"gitHead": "
|
|
85
|
+
"gitHead": "2fc42b8664bb47abde931902ab67ba79b0a4248a"
|
|
86
86
|
}
|