Design System Utilities @ 0.1.1-alpha.0
GitHub
by Maddi Mathon
Preparing search index...
internal
Tokens_Themes_Set_SingleMode
InputParam
Interface InputParam<T_ColourName, T_ExtraColourLevels, T_Keyword_Universal, T_Keyword_Text, T_Keyword_Background, __T_ColourOption>
Internal
This is used by the build function, not by the constructor.
Since
0.1.0-alpha
interface
InputParam
<
T_ColourName
extends
string
,
T_ExtraColourLevels
extends
Optional
,
T_Keyword_Universal
extends
string
,
T_Keyword_Text
extends
string
,
T_Keyword_Background
extends
string
,
__T_ColourOption
extends
ThemeColourOption
<
T_ColourName
,
T_ExtraColourLevels
>
=
ThemeColourOption
<
T_ColourName
,
T_ExtraColourLevels
,
>
,
>
{
description
?:
string
|
null
;
levels
?:
{
background
?:
|
"100"
|
"150"
|
"200"
|
"250"
|
"300"
|
"400"
|
"500"
|
"600"
|
"700"
|
"750"
|
"800"
|
"850"
|
"900"
|
T_ExtraColourLevels
|
Partial
<
LevelsSet_AccentAlt
<
T_ExtraColourLevels
>
>
;
heading
?:
|
"100"
|
"150"
|
"200"
|
"250"
|
"300"
|
"400"
|
"500"
|
"600"
|
"700"
|
"750"
|
"800"
|
"850"
|
"900"
|
T_ExtraColourLevels
|
{
"1"
?:
|
"100"
|
"150"
|
"200"
|
"250"
|
"300"
|
"400"
|
"500"
|
"600"
|
"700"
|
"750"
|
"800"
|
"850"
|
"900"
|
T_ExtraColourLevels
;
"10"
?:
|
"100"
|
"150"
|
"200"
|
"250"
|
"300"
|
"400"
|
"500"
|
"600"
|
"700"
|
"750"
|
"800"
|
"850"
|
"900"
|
T_ExtraColourLevels
;
"2"
?:
|
"100"
|
"150"
|
"200"
|
"250"
|
"300"
|
"400"
|
"500"
|
"600"
|
"700"
|
"750"
|
"800"
|
"850"
|
"900"
|
T_ExtraColourLevels
;
"3"
?:
|
"100"
|
"150"
|
"200"
|
"250"
|
"300"
|
"400"
|
"500"
|
"600"
|
"700"
|
"750"
|
"800"
|
"850"
|
"900"
|
T_ExtraColourLevels
;
"4"
?:
|
"100"
|
"150"
|
"200"
|
"250"
|
"300"
|
"400"
|
"500"
|
"600"
|
"700"
|
"750"
|
"800"
|
"850"
|
"900"
|
T_ExtraColourLevels
;
"5"
?:
|
"100"
|
"150"
|
"200"
|
"250"
|
"300"
|
"400"
|
"500"
|
"600"
|
"700"
|
"750"
|
"800"
|
"850"
|
"900"
|
T_ExtraColourLevels
;
"6"
?:
|
"100"
|
"150"
|
"200"
|
"250"
|
"300"
|
"400"
|
"500"
|
"600"
|
"700"
|
"750"
|
"800"
|
"850"
|
"900"
|
T_ExtraColourLevels
;
"7"
?:
|
"100"
|
"150"
|
"200"
|
"250"
|
"300"
|
"400"
|
"500"
|
"600"
|
"700"
|
"750"
|
"800"
|
"850"
|
"900"
|
T_ExtraColourLevels
;
"8"
?:
|
"100"
|
"150"
|
"200"
|
"250"
|
"300"
|
"400"
|
"500"
|
"600"
|
"700"
|
"750"
|
"800"
|
"850"
|
"900"
|
T_ExtraColourLevels
;
"9"
?:
|
"100"
|
"150"
|
"200"
|
"250"
|
"300"
|
"400"
|
"500"
|
"600"
|
"700"
|
"750"
|
"800"
|
"850"
|
"900"
|
T_ExtraColourLevels
;
}
;
text
?:
|
"100"
|
"150"
|
"200"
|
"250"
|
"300"
|
"400"
|
"500"
|
"600"
|
"700"
|
"750"
|
"800"
|
"850"
|
"900"
|
T_ExtraColourLevels
|
Partial
<
LevelsSet_AccentMin
<
T_ExtraColourLevels
>
>
;
ui
?:
|
"100"
|
"150"
|
"200"
|
"250"
|
"300"
|
"400"
|
"500"
|
"600"
|
"700"
|
"750"
|
"800"
|
"850"
|
"900"
|
T_ExtraColourLevels
|
Partial
<
LevelsSet_AccentMin
<
T_ExtraColourLevels
>
>
;
}
;
variations
?:
{
background
?:
Partial
<
{
alt
:
T_ColourName
}
>
&
{
[
K
in
string
]
:
T_ColourName
}
;
heading
?:
Partial
<
{
"1"
:
T_ColourName
;
"10"
:
T_ColourName
;
"2"
:
T_ColourName
;
"3"
:
T_ColourName
;
"4"
:
T_ColourName
;
"5"
:
T_ColourName
;
"6"
:
T_ColourName
;
"7"
:
T_ColourName
;
"8"
:
T_ColourName
;
"9"
:
T_ColourName
;
}
,
>
&
{
[
key
:
number
]:
T_ColourName
}
;
interactive
?:
Partial
<
{
active
:
T_ColourName
;
disabled
:
T_ColourName
;
hover
:
T_ColourName
}
,
>
;
text
?:
Partial
<
{
active
:
T_ColourName
;
disabled
:
T_ColourName
;
grey
:
T_ColourName
}
,
>
&
{
[
K
in
string
]
:
T_ColourName
}
;
universal
?:
Partial
<
{
primary
:
T_ColourName
;
secondary
:
T_ColourName
}
>
&
{
[
K
in
string
]
:
T_ColourName
}
;
}
;
}
Type Parameters
T_ColourName
extends
string
T_ExtraColourLevels
extends
Optional
T_Keyword_Universal
extends
string
T_Keyword_Text
extends
string
T_Keyword_Background
extends
string
__T_ColourOption
extends
ThemeColourOption
<
T_ColourName
,
T_ExtraColourLevels
>
=
ThemeColourOption
<
T_ColourName
,
T_ExtraColourLevels
>
Hierarchy (
View Summary
)
InputParam
Tokens
.
Themes
.
SingleMode
.
InputParam
Index
Properties
description?
levels?
variations?
Properties
Optional
Internal
description
description
?:
string
|
null
Optional
Internal
levels
levels
?:
{
background
?:
|
"100"
|
"150"
|
"200"
|
"250"
|
"300"
|
"400"
|
"500"
|
"600"
|
"700"
|
"750"
|
"800"
|
"850"
|
"900"
|
T_ExtraColourLevels
|
Partial
<
LevelsSet_AccentAlt
<
T_ExtraColourLevels
>
>
;
heading
?:
|
"100"
|
"150"
|
"200"
|
"250"
|
"300"
|
"400"
|
"500"
|
"600"
|
"700"
|
"750"
|
"800"
|
"850"
|
"900"
|
T_ExtraColourLevels
|
{
"1"
?:
|
"100"
|
"150"
|
"200"
|
"250"
|
"300"
|
"400"
|
"500"
|
"600"
|
"700"
|
"750"
|
"800"
|
"850"
|
"900"
|
T_ExtraColourLevels
;
"10"
?:
|
"100"
|
"150"
|
"200"
|
"250"
|
"300"
|
"400"
|
"500"
|
"600"
|
"700"
|
"750"
|
"800"
|
"850"
|
"900"
|
T_ExtraColourLevels
;
"2"
?:
|
"100"
|
"150"
|
"200"
|
"250"
|
"300"
|
"400"
|
"500"
|
"600"
|
"700"
|
"750"
|
"800"
|
"850"
|
"900"
|
T_ExtraColourLevels
;
"3"
?:
|
"100"
|
"150"
|
"200"
|
"250"
|
"300"
|
"400"
|
"500"
|
"600"
|
"700"
|
"750"
|
"800"
|
"850"
|
"900"
|
T_ExtraColourLevels
;
"4"
?:
|
"100"
|
"150"
|
"200"
|
"250"
|
"300"
|
"400"
|
"500"
|
"600"
|
"700"
|
"750"
|
"800"
|
"850"
|
"900"
|
T_ExtraColourLevels
;
"5"
?:
|
"100"
|
"150"
|
"200"
|
"250"
|
"300"
|
"400"
|
"500"
|
"600"
|
"700"
|
"750"
|
"800"
|
"850"
|
"900"
|
T_ExtraColourLevels
;
"6"
?:
|
"100"
|
"150"
|
"200"
|
"250"
|
"300"
|
"400"
|
"500"
|
"600"
|
"700"
|
"750"
|
"800"
|
"850"
|
"900"
|
T_ExtraColourLevels
;
"7"
?:
|
"100"
|
"150"
|
"200"
|
"250"
|
"300"
|
"400"
|
"500"
|
"600"
|
"700"
|
"750"
|
"800"
|
"850"
|
"900"
|
T_ExtraColourLevels
;
"8"
?:
|
"100"
|
"150"
|
"200"
|
"250"
|
"300"
|
"400"
|
"500"
|
"600"
|
"700"
|
"750"
|
"800"
|
"850"
|
"900"
|
T_ExtraColourLevels
;
"9"
?:
|
"100"
|
"150"
|
"200"
|
"250"
|
"300"
|
"400"
|
"500"
|
"600"
|
"700"
|
"750"
|
"800"
|
"850"
|
"900"
|
T_ExtraColourLevels
;
}
;
text
?:
|
"100"
|
"150"
|
"200"
|
"250"
|
"300"
|
"400"
|
"500"
|
"600"
|
"700"
|
"750"
|
"800"
|
"850"
|
"900"
|
T_ExtraColourLevels
|
Partial
<
LevelsSet_AccentMin
<
T_ExtraColourLevels
>
>
;
ui
?:
|
"100"
|
"150"
|
"200"
|
"250"
|
"300"
|
"400"
|
"500"
|
"600"
|
"700"
|
"750"
|
"800"
|
"850"
|
"900"
|
T_ExtraColourLevels
|
Partial
<
LevelsSet_AccentMin
<
T_ExtraColourLevels
>
>
;
}
Optional
Internal
variations
variations
?:
{
background
?:
Partial
<
{
alt
:
T_ColourName
}
>
&
{
[
K
in
string
]
:
T_ColourName
}
;
heading
?:
Partial
<
{
"1"
:
T_ColourName
;
"10"
:
T_ColourName
;
"2"
:
T_ColourName
;
"3"
:
T_ColourName
;
"4"
:
T_ColourName
;
"5"
:
T_ColourName
;
"6"
:
T_ColourName
;
"7"
:
T_ColourName
;
"8"
:
T_ColourName
;
"9"
:
T_ColourName
;
}
,
>
&
{
[
key
:
number
]:
T_ColourName
}
;
interactive
?:
Partial
<
{
active
:
T_ColourName
;
disabled
:
T_ColourName
;
hover
:
T_ColourName
}
,
>
;
text
?:
Partial
<
{
active
:
T_ColourName
;
disabled
:
T_ColourName
;
grey
:
T_ColourName
}
,
>
&
{
[
K
in
string
]
:
T_ColourName
}
;
universal
?:
Partial
<
{
primary
:
T_ColourName
;
secondary
:
T_ColourName
}
>
&
{
[
K
in
string
]
:
T_ColourName
}
;
}
Settings
Member Visibility
Alpha
Beta
External
Inherited
Private
Protected
Theme
OS
Light
Dark
On This Page
Properties
description
levels
variations
GitHub
by Maddi Mathon
Design System Utilities @ 0.1.1-alpha.0
Loading...
This is used by the build function, not by the constructor.
Since
0.1.0-alpha