@delightui/components 0.1.141 → 0.1.143
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/atoms/Text/Text.types.d.ts +28 -23
- package/dist/cjs/components/molecules/Nav/NavLink/NavLink.types.d.ts +1 -0
- package/dist/cjs/components/molecules/Select/Select.presenter.d.ts +1 -0
- package/dist/cjs/components/organisms/Dropzone/Dropzone.presenter.d.ts +2 -0
- package/dist/cjs/components/organisms/Dropzone/Dropzone.types.d.ts +7 -3
- package/dist/cjs/components/organisms/Form/UpdatedFormExample.d.ts +1 -1
- package/dist/cjs/lib/utils.d.ts +15 -0
- package/dist/cjs/library.css +179 -18
- package/dist/cjs/library.js +3 -3
- package/dist/cjs/library.js.map +1 -1
- package/dist/esm/components/atoms/Text/Text.types.d.ts +28 -23
- package/dist/esm/components/molecules/Nav/NavLink/NavLink.types.d.ts +1 -0
- package/dist/esm/components/molecules/Select/Select.presenter.d.ts +1 -0
- package/dist/esm/components/organisms/Dropzone/Dropzone.presenter.d.ts +2 -0
- package/dist/esm/components/organisms/Dropzone/Dropzone.types.d.ts +7 -3
- package/dist/esm/components/organisms/Form/UpdatedFormExample.d.ts +1 -1
- package/dist/esm/lib/utils.d.ts +15 -0
- package/dist/esm/library.css +179 -18
- package/dist/esm/library.js +2 -2
- package/dist/esm/library.js.map +1 -1
- package/dist/index.d.ts +35 -26
- package/package.json +1 -1
|
@@ -15,11 +15,10 @@ export type TextDecorationEnum = 'None' | 'Underline' | 'Strikethrough';
|
|
|
15
15
|
* Enum for text transformations.
|
|
16
16
|
*/
|
|
17
17
|
export type TextTransformEnum = typeof transforms[number];
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
className?: string;
|
|
18
|
+
/**
|
|
19
|
+
* Props used to handle text style.
|
|
20
|
+
*/
|
|
21
|
+
export type TextStylingProps = {
|
|
23
22
|
/**
|
|
24
23
|
* Type of the text.
|
|
25
24
|
* @default 'BodyMedium'
|
|
@@ -30,20 +29,6 @@ export interface TextProps {
|
|
|
30
29
|
* @default 'Regular'
|
|
31
30
|
*/
|
|
32
31
|
weight?: TextWeightEnum;
|
|
33
|
-
/**
|
|
34
|
-
* The content to be displayed as text.
|
|
35
|
-
*/
|
|
36
|
-
children?: React.ReactNode;
|
|
37
|
-
/**
|
|
38
|
-
* Flag to prevent text from wrapping.
|
|
39
|
-
* @default false
|
|
40
|
-
*/
|
|
41
|
-
noWrap?: boolean;
|
|
42
|
-
/**
|
|
43
|
-
* Flag to handle how white space inside an element is handled.
|
|
44
|
-
* @default false
|
|
45
|
-
*/
|
|
46
|
-
whiteSpaceNoWrap?: boolean;
|
|
47
32
|
/**
|
|
48
33
|
* Flag to italicize the text.
|
|
49
34
|
* @default false
|
|
@@ -59,13 +44,33 @@ export interface TextProps {
|
|
|
59
44
|
* @default false
|
|
60
45
|
*/
|
|
61
46
|
ellipsis?: boolean;
|
|
47
|
+
/**
|
|
48
|
+
* Modify the element type used for rendering
|
|
49
|
+
*/
|
|
50
|
+
as?: React.ElementType<any, 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'span'>;
|
|
51
|
+
};
|
|
52
|
+
export interface TextProps extends TextStylingProps {
|
|
53
|
+
/**
|
|
54
|
+
* Additional class for styling.
|
|
55
|
+
*/
|
|
56
|
+
className?: string;
|
|
57
|
+
/**
|
|
58
|
+
* The content to be displayed as text.
|
|
59
|
+
*/
|
|
60
|
+
children?: React.ReactNode;
|
|
61
|
+
/**
|
|
62
|
+
* Flag to prevent text from wrapping.
|
|
63
|
+
* @default false
|
|
64
|
+
*/
|
|
65
|
+
noWrap?: boolean;
|
|
66
|
+
/**
|
|
67
|
+
* Flag to handle how white space inside an element is handled.
|
|
68
|
+
* @default false
|
|
69
|
+
*/
|
|
70
|
+
whiteSpaceNoWrap?: boolean;
|
|
62
71
|
/**
|
|
63
72
|
* Transform style for the text.
|
|
64
73
|
* @default 'None'
|
|
65
74
|
*/
|
|
66
75
|
transform?: TextTransformEnum;
|
|
67
|
-
/**
|
|
68
|
-
* Modify the element type used for rendering
|
|
69
|
-
*/
|
|
70
|
-
as?: React.ElementType<any, 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'span'>;
|
|
71
76
|
}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { LinkProps as RouteLinkProps } from 'react-router-dom';
|
|
2
2
|
import { ButtonProps, ButtonTypeEnum } from '../../../atoms/Button/Button.types';
|
|
3
3
|
export type NavLinkTypeEnum = 'Fill' | 'Underline';
|
|
4
|
+
export type NavLinkSizeEnum = 'Small' | 'Medium' | 'Large';
|
|
4
5
|
export type NavLinkProps = Omit<RouteLinkProps, 'to'> & Pick<ButtonProps, 'appearance' | 'size' | 'style' | 'leadingIcon' | 'trailingIcon'> & {
|
|
5
6
|
/**
|
|
6
7
|
* The destination URL or path for the navigation link.
|
|
@@ -289,5 +289,6 @@ declare const usePresenter: (props: SelectProps) => {
|
|
|
289
289
|
onOptionsOpen: () => void;
|
|
290
290
|
onOptionsClose: () => void;
|
|
291
291
|
displayValue: string | number | true | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | undefined;
|
|
292
|
+
multiple: boolean | undefined;
|
|
292
293
|
};
|
|
293
294
|
export default usePresenter;
|
|
@@ -10,11 +10,13 @@ declare const usePresenter: (props: DropzoneProps) => {
|
|
|
10
10
|
empty: import("react").ReactNode;
|
|
11
11
|
loading: import("react").ReactNode;
|
|
12
12
|
uploaded: import("react").ReactNode;
|
|
13
|
+
drag: import("react").ReactNode;
|
|
13
14
|
status: DropzoneStatus;
|
|
14
15
|
accept: {
|
|
15
16
|
[key: string]: readonly string[];
|
|
16
17
|
} | undefined;
|
|
17
18
|
resetFiles: () => void;
|
|
18
19
|
id: string | undefined;
|
|
20
|
+
isDragActive: boolean;
|
|
19
21
|
};
|
|
20
22
|
export default usePresenter;
|
|
@@ -16,17 +16,21 @@ export type DropzoneStatus = 'Empty' | 'Loading' | 'Uploaded';
|
|
|
16
16
|
export type DropzoneProps = ControlledFormComponentProps<File[]> & {
|
|
17
17
|
className?: string;
|
|
18
18
|
/**
|
|
19
|
-
*
|
|
19
|
+
* the view when no file is selected.
|
|
20
20
|
*/
|
|
21
21
|
empty?: React.ReactNode;
|
|
22
22
|
/**
|
|
23
|
-
*
|
|
23
|
+
* the view when files are validating or processed.
|
|
24
24
|
*/
|
|
25
25
|
loading?: React.ReactNode;
|
|
26
26
|
/**
|
|
27
|
-
*
|
|
27
|
+
* the view when files are accepted.
|
|
28
28
|
*/
|
|
29
29
|
uploaded?: React.ReactNode;
|
|
30
|
+
/**
|
|
31
|
+
* the view when the files are being dragged over dropzone.
|
|
32
|
+
*/
|
|
33
|
+
drag?: React.ReactNode;
|
|
30
34
|
/**
|
|
31
35
|
* The accepted file types based on mime type.
|
|
32
36
|
* @example
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Prefixes all keys of an object type with a given string while preserving camelCase.
|
|
3
|
+
* The original key name is capitalized before being appended to the prefix.
|
|
4
|
+
*
|
|
5
|
+
* @typeParam T - Object type whose keys will be prefixed.
|
|
6
|
+
* @typeParam Prefix - String prefix to add to each key.
|
|
7
|
+
*
|
|
8
|
+
* @example
|
|
9
|
+
* type Original = { type: boolean; weight: number };
|
|
10
|
+
* type WithText = PrefixKeys<Original, 'text'>;
|
|
11
|
+
* // Result: { textType: boolean; textWeight: number }
|
|
12
|
+
*/
|
|
13
|
+
export type PrefixKeys<T, Prefix extends string> = {
|
|
14
|
+
[K in keyof T as `${Prefix}${Capitalize<Extract<K, string>>}`]: T[K];
|
|
15
|
+
};
|
package/dist/cjs/library.css
CHANGED
|
@@ -3508,8 +3508,13 @@ span.flatpickr-weekday {
|
|
|
3508
3508
|
background-color: var(--modal-header-background-color);
|
|
3509
3509
|
color: var(--modal-header-color);
|
|
3510
3510
|
}
|
|
3511
|
-
.ModalHeader-module_modalHeader__oHT0h .ModalHeader-module_title__BH1qq {
|
|
3511
|
+
.ModalHeader-module_modalHeader__oHT0h .ModalHeader-module_title__BH1qq.ModalHeader-module_title__BH1qq {
|
|
3512
3512
|
color: var(--modal-header-title-color);
|
|
3513
|
+
font-family: var(--modal-header-title-font-family);
|
|
3514
|
+
font-size: var(--modal-header-title-font-size);
|
|
3515
|
+
font-weight: var(--modal-header-title-font-weight);
|
|
3516
|
+
line-height: var(--modal-header-title-line-height);
|
|
3517
|
+
letter-spacing: var(--modal-header-title-letter-spacing);
|
|
3513
3518
|
}
|
|
3514
3519
|
.PaginationNumberField-module_root__Yk-8J {
|
|
3515
3520
|
width: 38px;
|
|
@@ -4052,8 +4057,29 @@ span.flatpickr-weekday {
|
|
|
4052
4057
|
height: 32px;
|
|
4053
4058
|
}
|
|
4054
4059
|
.Dropzone-module_dropzone__4uDyI {
|
|
4060
|
+
position: relative;
|
|
4055
4061
|
width: var(--dropzone-width);
|
|
4056
4062
|
}
|
|
4063
|
+
.Dropzone-module_dropzone__4uDyI .Dropzone-module_dropzoneOverlay__mdm27 {
|
|
4064
|
+
position: absolute;
|
|
4065
|
+
top: 0;
|
|
4066
|
+
right: 0;
|
|
4067
|
+
bottom: 0;
|
|
4068
|
+
left: 0;
|
|
4069
|
+
pointer-events: none;
|
|
4070
|
+
opacity: 0;
|
|
4071
|
+
transform: scale(0.98);
|
|
4072
|
+
transition: opacity 120ms ease, transform 120ms ease;
|
|
4073
|
+
display: flex;
|
|
4074
|
+
align-items: center;
|
|
4075
|
+
justify-content: center;
|
|
4076
|
+
height: 100%;
|
|
4077
|
+
width: 100%;
|
|
4078
|
+
}
|
|
4079
|
+
.Dropzone-module_dropzone__4uDyI .Dropzone-module_dropzoneOverlay__mdm27.Dropzone-module_visible__7SBj1 {
|
|
4080
|
+
opacity: 0.5;
|
|
4081
|
+
transform: scale(1);
|
|
4082
|
+
}
|
|
4057
4083
|
.DropzoneContent-module_dropzoneContent__UjfAn {
|
|
4058
4084
|
width: 100%;
|
|
4059
4085
|
border-width: 1px;
|
|
@@ -22033,7 +22059,7 @@ span.flatpickr-weekday {
|
|
|
22033
22059
|
--draggable-item-paragraph-spacing: 0px;
|
|
22034
22060
|
--draggable-item-paragraph-indent: 0px
|
|
22035
22061
|
}
|
|
22036
|
-
[data-theme='dark'] [component-variant^="nav-link-"], [data-theme='light'] [component-variant^="nav-link-"] {
|
|
22062
|
+
[data-theme='custom'] [component-variant^="nav-link-"], [data-theme='dark'] [component-variant^="nav-link-"], [data-theme='light'] [component-variant^="nav-link-"] {
|
|
22037
22063
|
--nav-link-opacity: 1;
|
|
22038
22064
|
--nav-link-height: auto;
|
|
22039
22065
|
--nav-link-min-height: auto;
|
|
@@ -22072,7 +22098,69 @@ span.flatpickr-weekday {
|
|
|
22072
22098
|
--nav-link-paragraph-spacing: ;
|
|
22073
22099
|
--nav-link-paragraph-indent:
|
|
22074
22100
|
}
|
|
22075
|
-
[data-theme='dark'] [component-variant="nav-link-fill"], [data-theme='light'] [component-variant="nav-link-fill"] {
|
|
22101
|
+
[data-theme='custom'] [component-variant="nav-link-small-fill"], [data-theme='dark'] [component-variant="nav-link-small-fill"], [data-theme='light'] [component-variant="nav-link-small-fill"] {
|
|
22102
|
+
--nav-link-color: var(--interactive-surface-primary-hover);
|
|
22103
|
+
--nav-link-padding-left: var(--spacing-space-2);
|
|
22104
|
+
--nav-link-padding-right: var(--spacing-space-2);
|
|
22105
|
+
--nav-link-font-family: var(--font-family-body);
|
|
22106
|
+
--nav-link-font-size: var(--font-size-body-small);
|
|
22107
|
+
--nav-link-font-weight: var(--font-weight-medium);
|
|
22108
|
+
--nav-link-line-height: var(--line-height-body-small);
|
|
22109
|
+
--nav-link-paragraph-spacing: 0px;
|
|
22110
|
+
--nav-link-paragraph-indent: 0px
|
|
22111
|
+
}
|
|
22112
|
+
[data-theme='custom'] [component-variant="nav-link-small-fill"]:hover:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="nav-link-small-fill"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="nav-link-small-fill"]:hover:not(:disabled):not([disabled]) {
|
|
22113
|
+
--nav-link-color: var(--text-primary);
|
|
22114
|
+
--nav-link-padding-left: var(--spacing-space-2);
|
|
22115
|
+
--nav-link-padding-right: var(--spacing-space-2);
|
|
22116
|
+
--nav-link-font-family: var(--font-family-body);
|
|
22117
|
+
--nav-link-font-size: var(--font-size-body-small);
|
|
22118
|
+
--nav-link-font-weight: var(--font-weight-medium);
|
|
22119
|
+
--nav-link-line-height: var(--line-height-body-small);
|
|
22120
|
+
--nav-link-paragraph-spacing: 0px;
|
|
22121
|
+
--nav-link-paragraph-indent: 0px
|
|
22122
|
+
}
|
|
22123
|
+
[data-theme='custom'] [component-variant="nav-link-small-fill"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="nav-link-small-fill"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="nav-link-small-fill"][active]:not(:disabled):not([disabled]), [data-theme='custom'] [component-variant="nav-link-small-fill"]:active:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="nav-link-small-fill"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="nav-link-small-fill"]:active:not(:disabled):not([disabled]) {
|
|
22124
|
+
--nav-link-color: var(--text-primary);
|
|
22125
|
+
--nav-link-padding-left: var(--spacing-space-2);
|
|
22126
|
+
--nav-link-padding-right: var(--spacing-space-2);
|
|
22127
|
+
--nav-link-font-family: var(--font-family-body);
|
|
22128
|
+
--nav-link-font-size: var(--font-size-body-small);
|
|
22129
|
+
--nav-link-font-weight: var(--font-weight-medium);
|
|
22130
|
+
--nav-link-line-height: var(--line-height-body-small);
|
|
22131
|
+
--nav-link-paragraph-spacing: 0px;
|
|
22132
|
+
--nav-link-paragraph-indent: 0px
|
|
22133
|
+
}
|
|
22134
|
+
[data-theme='custom'] [component-variant="nav-link-small-fill"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="nav-link-small-fill"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="nav-link-small-fill"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='custom'] [component-variant="nav-link-small-fill"]:focus-visible:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="nav-link-small-fill"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="nav-link-small-fill"]:focus-visible:not(:disabled):not([disabled]) {
|
|
22135
|
+
--nav-link-color: var(--text-primary);
|
|
22136
|
+
--nav-link-outline-color: var(--border-border-grey-1);
|
|
22137
|
+
--nav-link-outline-width: 1px;
|
|
22138
|
+
--nav-link-padding-left: var(--spacing-space-2);
|
|
22139
|
+
--nav-link-padding-right: var(--spacing-space-2);
|
|
22140
|
+
--nav-link-font-family: var(--font-family-body);
|
|
22141
|
+
--nav-link-font-size: var(--font-size-body-small);
|
|
22142
|
+
--nav-link-font-weight: var(--font-weight-medium);
|
|
22143
|
+
--nav-link-line-height: var(--line-height-body-small);
|
|
22144
|
+
--nav-link-paragraph-spacing: 0px;
|
|
22145
|
+
--nav-link-paragraph-indent: 0px
|
|
22146
|
+
}
|
|
22147
|
+
[data-theme='custom'] [component-variant="nav-link-small-fill"][disabled],
|
|
22148
|
+
[data-theme='dark'] [component-variant="nav-link-small-fill"][disabled],
|
|
22149
|
+
[data-theme='light'] [component-variant="nav-link-small-fill"][disabled],
|
|
22150
|
+
[data-theme='custom'] [component-variant="nav-link-small-fill"]:disabled,
|
|
22151
|
+
[data-theme='dark'] [component-variant="nav-link-small-fill"]:disabled,
|
|
22152
|
+
[data-theme='light'] [component-variant="nav-link-small-fill"]:disabled {
|
|
22153
|
+
--nav-link-color: var(--text-secondary);
|
|
22154
|
+
--nav-link-padding-left: var(--spacing-space-2);
|
|
22155
|
+
--nav-link-padding-right: var(--spacing-space-2);
|
|
22156
|
+
--nav-link-font-family: var(--font-family-body);
|
|
22157
|
+
--nav-link-font-size: var(--font-size-body-small);
|
|
22158
|
+
--nav-link-font-weight: var(--font-weight-medium);
|
|
22159
|
+
--nav-link-line-height: var(--line-height-body-small);
|
|
22160
|
+
--nav-link-paragraph-spacing: 0px;
|
|
22161
|
+
--nav-link-paragraph-indent: 0px
|
|
22162
|
+
}
|
|
22163
|
+
[data-theme='custom'] [component-variant="nav-link-medium-fill"], [data-theme='dark'] [component-variant="nav-link-medium-fill"], [data-theme='light'] [component-variant="nav-link-medium-fill"] {
|
|
22076
22164
|
--nav-link-color: var(--interactive-surface-primary-hover);
|
|
22077
22165
|
--nav-link-padding-left: var(--spacing-space-2);
|
|
22078
22166
|
--nav-link-padding-right: var(--spacing-space-2);
|
|
@@ -22083,7 +22171,7 @@ span.flatpickr-weekday {
|
|
|
22083
22171
|
--nav-link-paragraph-spacing: 0px;
|
|
22084
22172
|
--nav-link-paragraph-indent: 0px
|
|
22085
22173
|
}
|
|
22086
|
-
[data-theme='dark'] [component-variant="nav-link-fill"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="nav-link-fill"]:hover:not(:disabled):not([disabled]) {
|
|
22174
|
+
[data-theme='custom'] [component-variant="nav-link-medium-fill"]:hover:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="nav-link-medium-fill"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="nav-link-medium-fill"]:hover:not(:disabled):not([disabled]) {
|
|
22087
22175
|
--nav-link-color: var(--text-primary);
|
|
22088
22176
|
--nav-link-padding-left: var(--spacing-space-2);
|
|
22089
22177
|
--nav-link-padding-right: var(--spacing-space-2);
|
|
@@ -22094,7 +22182,7 @@ span.flatpickr-weekday {
|
|
|
22094
22182
|
--nav-link-paragraph-spacing: 0px;
|
|
22095
22183
|
--nav-link-paragraph-indent: 0px
|
|
22096
22184
|
}
|
|
22097
|
-
[data-theme='dark'] [component-variant="nav-link-fill"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="nav-link-fill"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="nav-link-fill"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="nav-link-fill"]:active:not(:disabled):not([disabled]) {
|
|
22185
|
+
[data-theme='custom'] [component-variant="nav-link-medium-fill"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="nav-link-medium-fill"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="nav-link-medium-fill"][active]:not(:disabled):not([disabled]), [data-theme='custom'] [component-variant="nav-link-medium-fill"]:active:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="nav-link-medium-fill"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="nav-link-medium-fill"]:active:not(:disabled):not([disabled]) {
|
|
22098
22186
|
--nav-link-color: var(--text-primary);
|
|
22099
22187
|
--nav-link-padding-left: var(--spacing-space-2);
|
|
22100
22188
|
--nav-link-padding-right: var(--spacing-space-2);
|
|
@@ -22105,7 +22193,7 @@ span.flatpickr-weekday {
|
|
|
22105
22193
|
--nav-link-paragraph-spacing: 0px;
|
|
22106
22194
|
--nav-link-paragraph-indent: 0px
|
|
22107
22195
|
}
|
|
22108
|
-
[data-theme='dark'] [component-variant="nav-link-fill"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="nav-link-fill"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="nav-link-fill"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="nav-link-fill"]:focus-visible:not(:disabled):not([disabled]) {
|
|
22196
|
+
[data-theme='custom'] [component-variant="nav-link-medium-fill"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="nav-link-medium-fill"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="nav-link-medium-fill"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='custom'] [component-variant="nav-link-medium-fill"]:focus-visible:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="nav-link-medium-fill"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="nav-link-medium-fill"]:focus-visible:not(:disabled):not([disabled]) {
|
|
22109
22197
|
--nav-link-color: var(--text-primary);
|
|
22110
22198
|
--nav-link-outline-color: var(--border-border-grey-1);
|
|
22111
22199
|
--nav-link-outline-width: 1px;
|
|
@@ -22118,10 +22206,12 @@ span.flatpickr-weekday {
|
|
|
22118
22206
|
--nav-link-paragraph-spacing: 0px;
|
|
22119
22207
|
--nav-link-paragraph-indent: 0px
|
|
22120
22208
|
}
|
|
22121
|
-
[data-theme='
|
|
22122
|
-
[data-theme='
|
|
22123
|
-
[data-theme='
|
|
22124
|
-
[data-theme='
|
|
22209
|
+
[data-theme='custom'] [component-variant="nav-link-medium-fill"][disabled],
|
|
22210
|
+
[data-theme='dark'] [component-variant="nav-link-medium-fill"][disabled],
|
|
22211
|
+
[data-theme='light'] [component-variant="nav-link-medium-fill"][disabled],
|
|
22212
|
+
[data-theme='custom'] [component-variant="nav-link-medium-fill"]:disabled,
|
|
22213
|
+
[data-theme='dark'] [component-variant="nav-link-medium-fill"]:disabled,
|
|
22214
|
+
[data-theme='light'] [component-variant="nav-link-medium-fill"]:disabled {
|
|
22125
22215
|
--nav-link-color: var(--text-secondary);
|
|
22126
22216
|
--nav-link-padding-left: var(--spacing-space-2);
|
|
22127
22217
|
--nav-link-padding-right: var(--spacing-space-2);
|
|
@@ -22132,7 +22222,76 @@ span.flatpickr-weekday {
|
|
|
22132
22222
|
--nav-link-paragraph-spacing: 0px;
|
|
22133
22223
|
--nav-link-paragraph-indent: 0px
|
|
22134
22224
|
}
|
|
22135
|
-
[data-theme='dark'] [component-variant="nav-link-underline"], [data-theme='light'] [component-variant="nav-link-underline"] {
|
|
22225
|
+
[data-theme='custom'] [component-variant="nav-link-small-underline"], [data-theme='dark'] [component-variant="nav-link-small-underline"], [data-theme='light'] [component-variant="nav-link-small-underline"] {
|
|
22226
|
+
--nav-link-color: var(--text-primary);
|
|
22227
|
+
--nav-link-padding-left: var(--spacing-space-2);
|
|
22228
|
+
--nav-link-padding-right: var(--spacing-space-2);
|
|
22229
|
+
--nav-link-font-family: var(--font-family-body);
|
|
22230
|
+
--nav-link-font-size: var(--font-size-body-small);
|
|
22231
|
+
--nav-link-font-weight: var(--font-weight-regular);
|
|
22232
|
+
--nav-link-line-height: var(--line-height-body-small);
|
|
22233
|
+
--nav-link-paragraph-spacing: 0px;
|
|
22234
|
+
--nav-link-paragraph-indent: 0px
|
|
22235
|
+
}
|
|
22236
|
+
[data-theme='custom'] [component-variant="nav-link-small-underline"]:hover:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="nav-link-small-underline"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="nav-link-small-underline"]:hover:not(:disabled):not([disabled]) {
|
|
22237
|
+
--nav-link-color: var(--text-primary);
|
|
22238
|
+
--nav-link-border-color: var(--border-border-grey-1);
|
|
22239
|
+
--nav-link-border-bottom-width: 1px;
|
|
22240
|
+
--nav-link-padding-left: var(--spacing-space-2);
|
|
22241
|
+
--nav-link-padding-right: var(--spacing-space-2);
|
|
22242
|
+
--nav-link-font-family: var(--font-family-body);
|
|
22243
|
+
--nav-link-font-size: var(--font-size-body-small);
|
|
22244
|
+
--nav-link-font-weight: var(--font-weight-regular);
|
|
22245
|
+
--nav-link-line-height: var(--line-height-body-small);
|
|
22246
|
+
--nav-link-paragraph-spacing: 0px;
|
|
22247
|
+
--nav-link-paragraph-indent: 0px
|
|
22248
|
+
}
|
|
22249
|
+
[data-theme='custom'] [component-variant="nav-link-small-underline"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="nav-link-small-underline"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="nav-link-small-underline"][active]:not(:disabled):not([disabled]), [data-theme='custom'] [component-variant="nav-link-small-underline"]:active:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="nav-link-small-underline"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="nav-link-small-underline"]:active:not(:disabled):not([disabled]) {
|
|
22250
|
+
--nav-link-color: var(--text-primary);
|
|
22251
|
+
--nav-link-border-color: var(--border-border-grey-1);
|
|
22252
|
+
--nav-link-border-bottom-width: 1px;
|
|
22253
|
+
--nav-link-padding-left: var(--spacing-space-2);
|
|
22254
|
+
--nav-link-padding-right: var(--spacing-space-2);
|
|
22255
|
+
--nav-link-font-family: var(--font-family-body);
|
|
22256
|
+
--nav-link-font-size: var(--font-size-body-small);
|
|
22257
|
+
--nav-link-font-weight: var(--font-weight-regular);
|
|
22258
|
+
--nav-link-line-height: var(--line-height-body-small);
|
|
22259
|
+
--nav-link-paragraph-spacing: 0px;
|
|
22260
|
+
--nav-link-paragraph-indent: 0px
|
|
22261
|
+
}
|
|
22262
|
+
[data-theme='custom'] [component-variant="nav-link-small-underline"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="nav-link-small-underline"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="nav-link-small-underline"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='custom'] [component-variant="nav-link-small-underline"]:focus-visible:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="nav-link-small-underline"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="nav-link-small-underline"]:focus-visible:not(:disabled):not([disabled]) {
|
|
22263
|
+
--nav-link-color: var(--text-primary);
|
|
22264
|
+
--nav-link-border-color: var(--border-border-grey-1);
|
|
22265
|
+
--nav-link-border-top-width: 1px;
|
|
22266
|
+
--nav-link-border-right-width: 1px;
|
|
22267
|
+
--nav-link-border-bottom-width: 1px;
|
|
22268
|
+
--nav-link-border-left-width: 1px;
|
|
22269
|
+
--nav-link-padding-left: var(--spacing-space-2);
|
|
22270
|
+
--nav-link-padding-right: var(--spacing-space-2);
|
|
22271
|
+
--nav-link-font-family: var(--font-family-body);
|
|
22272
|
+
--nav-link-font-size: var(--font-size-body-small);
|
|
22273
|
+
--nav-link-font-weight: var(--font-weight-regular);
|
|
22274
|
+
--nav-link-line-height: var(--line-height-body-small);
|
|
22275
|
+
--nav-link-paragraph-spacing: 0px;
|
|
22276
|
+
--nav-link-paragraph-indent: 0px
|
|
22277
|
+
}
|
|
22278
|
+
[data-theme='custom'] [component-variant="nav-link-small-underline"][disabled],
|
|
22279
|
+
[data-theme='dark'] [component-variant="nav-link-small-underline"][disabled],
|
|
22280
|
+
[data-theme='light'] [component-variant="nav-link-small-underline"][disabled],
|
|
22281
|
+
[data-theme='custom'] [component-variant="nav-link-small-underline"]:disabled,
|
|
22282
|
+
[data-theme='dark'] [component-variant="nav-link-small-underline"]:disabled,
|
|
22283
|
+
[data-theme='light'] [component-variant="nav-link-small-underline"]:disabled {
|
|
22284
|
+
--nav-link-color: var(--text-tertiary);
|
|
22285
|
+
--nav-link-padding-left: var(--spacing-space-2);
|
|
22286
|
+
--nav-link-padding-right: var(--spacing-space-2);
|
|
22287
|
+
--nav-link-font-family: var(--font-family-body);
|
|
22288
|
+
--nav-link-font-size: var(--font-size-body-small);
|
|
22289
|
+
--nav-link-font-weight: var(--font-weight-regular);
|
|
22290
|
+
--nav-link-line-height: var(--line-height-body-small);
|
|
22291
|
+
--nav-link-paragraph-spacing: 0px;
|
|
22292
|
+
--nav-link-paragraph-indent: 0px
|
|
22293
|
+
}
|
|
22294
|
+
[data-theme='custom'] [component-variant="nav-link-medium-underline"], [data-theme='dark'] [component-variant="nav-link-medium-underline"], [data-theme='light'] [component-variant="nav-link-medium-underline"] {
|
|
22136
22295
|
--nav-link-color: var(--text-primary);
|
|
22137
22296
|
--nav-link-padding-left: var(--spacing-space-2);
|
|
22138
22297
|
--nav-link-padding-right: var(--spacing-space-2);
|
|
@@ -22143,7 +22302,7 @@ span.flatpickr-weekday {
|
|
|
22143
22302
|
--nav-link-paragraph-spacing: 0px;
|
|
22144
22303
|
--nav-link-paragraph-indent: 0px
|
|
22145
22304
|
}
|
|
22146
|
-
[data-theme='dark'] [component-variant="nav-link-underline"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="nav-link-underline"]:hover:not(:disabled):not([disabled]) {
|
|
22305
|
+
[data-theme='custom'] [component-variant="nav-link-medium-underline"]:hover:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="nav-link-medium-underline"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="nav-link-medium-underline"]:hover:not(:disabled):not([disabled]) {
|
|
22147
22306
|
--nav-link-color: var(--text-primary);
|
|
22148
22307
|
--nav-link-border-color: var(--border-border-grey-1);
|
|
22149
22308
|
--nav-link-border-bottom-width: 1px;
|
|
@@ -22156,7 +22315,7 @@ span.flatpickr-weekday {
|
|
|
22156
22315
|
--nav-link-paragraph-spacing: 0px;
|
|
22157
22316
|
--nav-link-paragraph-indent: 0px
|
|
22158
22317
|
}
|
|
22159
|
-
[data-theme='dark'] [component-variant="nav-link-underline"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="nav-link-underline"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="nav-link-underline"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="nav-link-underline"]:active:not(:disabled):not([disabled]) {
|
|
22318
|
+
[data-theme='custom'] [component-variant="nav-link-medium-underline"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="nav-link-medium-underline"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="nav-link-medium-underline"][active]:not(:disabled):not([disabled]), [data-theme='custom'] [component-variant="nav-link-medium-underline"]:active:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="nav-link-medium-underline"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="nav-link-medium-underline"]:active:not(:disabled):not([disabled]) {
|
|
22160
22319
|
--nav-link-color: var(--text-primary);
|
|
22161
22320
|
--nav-link-border-color: var(--border-border-grey-1);
|
|
22162
22321
|
--nav-link-border-bottom-width: 1px;
|
|
@@ -22169,7 +22328,7 @@ span.flatpickr-weekday {
|
|
|
22169
22328
|
--nav-link-paragraph-spacing: 0px;
|
|
22170
22329
|
--nav-link-paragraph-indent: 0px
|
|
22171
22330
|
}
|
|
22172
|
-
[data-theme='dark'] [component-variant="nav-link-underline"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="nav-link-underline"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="nav-link-underline"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="nav-link-underline"]:focus-visible:not(:disabled):not([disabled]) {
|
|
22331
|
+
[data-theme='custom'] [component-variant="nav-link-medium-underline"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="nav-link-medium-underline"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="nav-link-medium-underline"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='custom'] [component-variant="nav-link-medium-underline"]:focus-visible:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="nav-link-medium-underline"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="nav-link-medium-underline"]:focus-visible:not(:disabled):not([disabled]) {
|
|
22173
22332
|
--nav-link-color: var(--text-primary);
|
|
22174
22333
|
--nav-link-border-color: var(--border-border-grey-1);
|
|
22175
22334
|
--nav-link-border-top-width: 1px;
|
|
@@ -22185,10 +22344,12 @@ span.flatpickr-weekday {
|
|
|
22185
22344
|
--nav-link-paragraph-spacing: 0px;
|
|
22186
22345
|
--nav-link-paragraph-indent: 0px
|
|
22187
22346
|
}
|
|
22188
|
-
[data-theme='
|
|
22189
|
-
[data-theme='
|
|
22190
|
-
[data-theme='
|
|
22191
|
-
[data-theme='
|
|
22347
|
+
[data-theme='custom'] [component-variant="nav-link-medium-underline"][disabled],
|
|
22348
|
+
[data-theme='dark'] [component-variant="nav-link-medium-underline"][disabled],
|
|
22349
|
+
[data-theme='light'] [component-variant="nav-link-medium-underline"][disabled],
|
|
22350
|
+
[data-theme='custom'] [component-variant="nav-link-medium-underline"]:disabled,
|
|
22351
|
+
[data-theme='dark'] [component-variant="nav-link-medium-underline"]:disabled,
|
|
22352
|
+
[data-theme='light'] [component-variant="nav-link-medium-underline"]:disabled {
|
|
22192
22353
|
--nav-link-color: var(--text-tertiary);
|
|
22193
22354
|
--nav-link-padding-left: var(--spacing-space-2);
|
|
22194
22355
|
--nav-link-padding-right: var(--spacing-space-2);
|