Skip to content

Commit

Permalink
updating theme files
Browse files Browse the repository at this point in the history
  • Loading branch information
release-bot committed Sep 25, 2024
1 parent 0271b99 commit 84b37fa
Show file tree
Hide file tree
Showing 8 changed files with 1,578 additions and 742 deletions.
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@
"appearances": {
"iconPosition": {
"description": "Theme styles to be applied to icon links depending on where the icon is in relation to the link text",
"values": ["left", "right"],
"values": ["left", "right", "inline"],
"type": "state"
},
"inactive": {
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -46,6 +46,10 @@
"fieldSpace": 3,
"outlineOffset": 8,
"outlineWidth": 1,
"paddingBottom": 24,
"paddingLeft": 24,
"paddingRight": 24,
"paddingTop": 24,
"showIcon": true,
"space": 3
}
Expand Down
41 changes: 41 additions & 0 deletions uds-android-theme-public-mobile/src/main/res/raw/DownloadApp.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,41 @@
{
"appearances": {
"pressed": {
"description": "Applies while an interactive component is being physically pressed. Most visible on touchscreen taps; in React Native Web, this is visible on web mouse clicks only if the pressable is held down.",
"values": [true, false],
"type": "state"
}
},
"rules": [
{
"if": {
"pressed": true
},
"tokens": {
"borderColor": {
"red": 0.69412,
"green": 0.7098,
"blue": 0.77255,
"alpha": 1
},
"borderRadius": 4
}
}
],
"tokens": {
"androidENIcon": "PaletteIconAndroidEN",
"androidFRIcon": "PaletteIconAndroidFR",
"borderColor": {
"red": 0,
"green": 0,
"blue": 0,
"alpha": 0
},
"borderGap": 2,
"borderRadius": 0,
"borderWidth": 1,
"iosENIcon": "PaletteIconIOSEN",
"iosFRIcon": "PaletteIconIOSFR",
"padding": 1
}
}
2 changes: 1 addition & 1 deletion uds-android-theme-public-mobile/src/main/res/raw/Link.json
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@
},
"iconPosition": {
"description": "Theme styles to be applied to icon links depending on where the icon is in relation to the link text",
"values": ["left", "right"],
"values": ["left", "right", "inline"],
"type": "state"
},
"inverse": {
Expand Down
40 changes: 40 additions & 0 deletions uds-android-theme-public-mobile/src/main/res/raw/TabBar.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,40 @@
{
"appearances": {
"pressed": {
"description": "Applies while an interactive component is being physically pressed. Most visible on touchscreen taps; in React Native Web, this is visible on web mouse clicks only if the pressable is held down.",
"values": [true, false],
"type": "state"
}
},
"rules": [
{
"if": {
"pressed": true
},
"tokens": {
"paddingBottom": 0,
"paddingTop": 0
}
}
],
"tokens": {
"backgroundColor": {
"red": 0.98039,
"green": 0.98039,
"blue": 0.98039,
"alpha": 1
},
"borderTopColor": {
"red": 0.8902,
"green": 0.90196,
"blue": 0.9098,
"alpha": 1
},
"borderTopWidth": 1,
"gap": 8,
"paddingBottom": 4,
"paddingLeft": 8,
"paddingRight": 8,
"paddingTop": 4
}
}
119 changes: 119 additions & 0 deletions uds-android-theme-public-mobile/src/main/res/raw/TabBarItem.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,119 @@
{
"appearances": {
"focus": {
"description": "Applies while an interactive component is being physically pressed. Most visible on touchscreen taps; in React Native Web, this is visible on web mouse clicks only if the pressable is held down.",
"values": [true, false],
"type": "state"
},
"hover": {
"description": "Applies while an interactive component is being physically pressed. Most visible on touchscreen taps; in React Native Web, this is visible on web mouse clicks only if the pressable is held down.",
"values": [true, false],
"type": "state"
},
"pressed": {
"description": "Applies while an interactive component is being physically pressed. Most visible on touchscreen taps; in React Native Web, this is visible on web mouse clicks only if the pressable is held down.",
"values": [true, false],
"type": "state"
},
"selected": {
"description": "Applies while an interactive component is being physically pressed. Most visible on touchscreen taps; in React Native Web, this is visible on web mouse clicks only if the pressable is held down.",
"values": [true, false],
"type": "state"
}
},
"rules": [
{
"if": {
"focus": true
},
"tokens": {
"backgroundColor": {
"red": 0.96078,
"green": 0.96078,
"blue": 0.96863,
"alpha": 1
},
"color": {
"red": 0.16863,
"green": 0.19216,
"blue": 0.27059,
"alpha": 1
},
"iconColor": {
"red": 0.16863,
"green": 0.19216,
"blue": 0.27059,
"alpha": 1
},
"iconSize": 26
}
},
{
"if": {
"pressed": true
},
"tokens": {
"backgroundColor": {
"red": 0,
"green": 0,
"blue": 0,
"alpha": 0
},
"color": {
"red": 0.80392,
"green": 0.81176,
"blue": 0.83529,
"alpha": 1
},
"iconColor": {
"red": 0.80392,
"green": 0.81176,
"blue": 0.83529,
"alpha": 1
},
"iconSize": 22
}
},
{
"if": {
"hover": true
},
"tokens": {
"iconSize": 26
}
}
],
"tokens": {
"activeColor": {
"red": 0.22353,
"green": 0.25098,
"blue": 0.33725,
"alpha": 1
},
"backgroundColor": {
"red": 0,
"green": 0,
"blue": 0,
"alpha": 0
},
"borderRadius": 4,
"color": {
"red": 0.41569,
"green": 0.43922,
"blue": 0.50196,
"alpha": 1
},
"fontName": "SofiaPro",
"fontWeight": 400,
"iconColor": {
"red": 0.41569,
"green": 0.43922,
"blue": 0.50196,
"alpha": 1
},
"iconSize": 24,
"lineHeight": 1.3333333333333333,
"paddingBottom": 4,
"paddingTop": 4
}
}
Loading

0 comments on commit 84b37fa

Please # to comment.