anyproto/anytype-kotlin
1
0
Fork 0
mirror of https://github.com/anyproto/anytype-kotlin.git synced 2025-06-07 21:37:02 +09:00
Code Activity

DROID-1086 Design | Design system, Typography and buttons (#3067)

Browse source 
* DROID-1086 typography, sample app

* DROID-1086 design system text styles

* DROID-1086 legacy

* DROID-1086 buttons, sample

* DROID-1086 design

* DROID-1086 ibm font

* DROID-1086 text color buttons

* DROID-1086 button background primary

* DROID-1086 design system styles, typography + buttons

* DROID-1086 buttons secondary design

* DROID-1086 sample app

* DROID-1086 targetApi

* DROID-1086 number button

* DROID-1086 button number text

* DROID-1086 move styles to theme

* DROID-1086 number button

* DROID-1086 styles

* DROID-1086 style fix

* DROID-1086 pr

* DROID-1086 docs, sample app screens

* DROID-1086 sample app, buttons

* DROID-1086 pr fix
This commit is contained in:
Konstantin Ivanov 2023-04-04 13:22:35 +02:00 • committed by GitHub
parent e81313ccba
commit 1318262265
Signed by: github
GPG key ID: 4AEE18F83AFDEB23
33 changed files with 1629 additions and 171 deletions
Download patch file Download diff file Expand all files Collapse all files

76
app/src/main/res/layout/action_toolbar_page_icon.xml
View file

@ -1,76 +0,0 @@
<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/container"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="#52000000">
<FrameLayout
android:id="@+id/icon"
android:layout_width="64dp"
android:layout_height="64dp"
android:layout_marginStart="20dp"
android:transitionName="@string/logo_transition"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent">
<TextView
android:id="@+id/emojiIcon"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_gravity="center"
android:background="@drawable/rectangle_default_page_logo_background"
android:gravity="center"
android:textColor="@color/emoji_color"
android:textSize="28sp"
tools:text="🚀" />
<ImageView
android:id="@+id/emojiIconImage"
android:layout_width="32dp"
android:layout_height="32dp"
android:layout_gravity="center" />
<ImageView
android:id="@+id/imageIcon"
android:layout_width="match_parent"
android:layout_height="match_parent" />
<ProgressBar
android:visibility="invisible"
android:theme="@style/UploadImageProgressBar"
android:id="@+id/progress"
android:layout_width="match_parent"
android:layout_height="match_parent"
app:layout_constraintBottom_toBottomOf="@+id/icon"
app:layout_constraintEnd_toEndOf="@+id/icon"
app:layout_constraintStart_toStartOf="@+id/icon"
app:layout_constraintTop_toTopOf="@+id/icon" />
</FrameLayout>
<androidx.cardview.widget.CardView
android:id="@+id/menu"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginStart="20dp"
android:layout_marginTop="16dp"
android:scaleX="0.5"
android:scaleY="0.5"
app:cardCornerRadius="10dp"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/icon"
app:layout_constraintWidth_percent="0.7">
<androidx.recyclerview.widget.RecyclerView
android:id="@+id/recycler"
android:layout_width="match_parent"
android:layout_height="wrap_content"
app:layoutManager="androidx.recyclerview.widget.LinearLayoutManager"
tools:listitem="@layout/action_toolbar_page_icon_item" />
</androidx.cardview.widget.CardView>
</androidx.constraintlayout.widget.ConstraintLayout>

60
app/src/main/res/layout/action_toolbar_profile_icon.xml
View file

@ -1,60 +0,0 @@
<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.motion.widget.MotionLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/container"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@color/anytype_shadow_main">
<FrameLayout
android:id="@+id/icon"
android:layout_width="@dimen/avatar_width_big"
android:layout_height="@dimen/avatar_height_big"
android:layout_marginStart="20dp"
android:background="@drawable/circle_profile_icon"
android:transitionName="@string/logo_transition"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent">
<ImageView
android:id="@+id/imageIcon"
android:layout_width="match_parent"
android:layout_height="match_parent" />
<TextView
android:id="@+id/imageText"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_gravity="center"
android:fontFamily="@font/graphik_medium"
android:gravity="center"
android:textColor="@color/white"
android:textSize="44sp"
tools:text="S" />
</FrameLayout>
<androidx.cardview.widget.CardView
android:id="@+id/menu"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginStart="20dp"
android:layout_marginTop="16dp"
android:scaleX="0.5"
android:scaleY="0.5"
app:cardCornerRadius="10dp"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/icon"
app:layout_constraintWidth_percent="0.7">
<androidx.recyclerview.widget.RecyclerView
android:id="@+id/recycler"
android:layout_width="match_parent"
android:layout_height="wrap_content"
app:layoutManager="androidx.recyclerview.widget.LinearLayoutManager"
tools:listitem="@layout/action_toolbar_page_icon_item" />
</androidx.cardview.widget.CardView>
</androidx.constraintlayout.motion.widget.MotionLayout>

27
app/src/main/res/values/styles.xml
View file

@ -10,36 +10,9 @@
<item name="android:statusBarColor">@color/colorPrimaryDark</item>
<item name="colorAccent">@color/orange</item>
<item name="bottomSheetDialogTheme">@style/AppBottomSheetDialogTheme</item>
<item name="android:textViewStyle">@style/GraphikTextViewStyle</item>
<item name="buttonStyle">@style/GraphikButtonStyle</item>
<item name="searchViewStyle">@style/SearchViewStyle</item>
</style>
<style name="GraphikTextViewStyle" parent="Widget.MaterialComponents.TextView">
<item name="android:fontFamily">@font/inter_regular</item>
<item name="android:textColor">@color/text_primary </item>
</style>
<style name="GraphikButtonStyle" parent="Widget.MaterialComponents.Button">
<item name="android:fontFamily">@font/inter_regular</item>
</style>
<style name="WhiteProgressBar" parent="ThemeOverlay.AppCompat.Light">
<item name="colorAccent">@color/white</item>
</style>
<style name="GreyProgressBar" parent="ThemeOverlay.AppCompat.Light">
<item name="colorAccent">#ACA996</item>
</style>
<style name="GreyLightProgressBar" parent="ThemeOverlay.AppCompat.Light">
<item name="colorAccent">#66ACA996</item>
</style>
<style name="UploadImageProgressBar" parent="ThemeOverlay.AppCompat.Light">
<item name="colorAccent">#D5D4D4</item>
</style>
<style name="AppBottomSheetDialogTheme" parent="Theme.Design.Light.BottomSheetDialog">
<item name="bottomSheetStyle">@style/AppModalStyle</item>
<item name="android:windowIsFloating">false</item>

16
core-ui/src/main/java/com/anytypeio/anytype/core_ui/widgets/NumberButton.kt Normal file
View file

@ -0,0 +1,16 @@
package com.anytypeio.anytype.core_ui.widgets
import android.content.Context
import android.util.AttributeSet
import android.view.LayoutInflater
import android.widget.FrameLayout
import com.anytypeio.anytype.core_ui.databinding.DsButtonNumberBinding
class NumberButton @JvmOverloads constructor(
context: Context,
attrs: AttributeSet? = null,
defStyleAttr: Int = 0
) : FrameLayout(context, attrs, defStyleAttr) {
val binding = DsButtonNumberBinding.inflate(LayoutInflater.from(context), this)
}

6
core-ui/src/main/res/color/text_color_button_primary_selector.xml Normal file
View file

@ -0,0 +1,6 @@
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:color="@color/text_tertiary" android:state_enabled="false" />
<item android:color="@color/button_text" android:state_enabled="true" android:state_pressed="false" />
<item android:color="@color/button_text" android:state_enabled="true" android:state_pressed="true" />
</selector>

6
core-ui/src/main/res/color/text_color_button_secondary_selector.xml Normal file
View file

@ -0,0 +1,6 @@
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:color="@color/text_tertiary" android:state_enabled="false" />
<item android:color="@color/text_primary" android:state_enabled="true" android:state_pressed="false" />
<item android:color="@color/text_primary" android:state_enabled="true" android:state_pressed="true" />
</selector>

6
core-ui/src/main/res/drawable/ds_button_primary_background_selector.xml → core-ui/src/main/res/drawable/button_background_primary_selector.xml
View file

@ -2,20 +2,20 @@
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:state_enabled="false">
<shape android:shape="rectangle">
<corners android:radius="6dp" />
<corners android:radius="8dp" />
<solid android:color="@color/shape_tertiary" />
</shape>
</item>
<item android:state_enabled="true" android:state_pressed="false">
<shape android:shape="rectangle">
<corners android:radius="6dp" />
<corners android:radius="8dp" />
<solid android:color="@color/glyph_selected" />
</shape>
</item>
<item android:state_enabled="true" android:state_pressed="true">
<shape android:shape="rectangle">
<corners android:radius="6dp" />
<corners android:radius="8dp" />
<solid android:color="@color/button_pressed" />
</shape>
</item>

25
core-ui/src/main/res/drawable/button_background_secondary_selector.xml Normal file
View file

@ -0,0 +1,25 @@
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:state_enabled="false">
<shape android:shape="rectangle">
<stroke android:color="@color/shape_secondary" android:width="1dp"/>
<corners android:radius="8dp" />
<solid android:color="@color/background_primary" />
</shape>
</item>
<item android:state_enabled="true" android:state_pressed="false">
<shape android:shape="rectangle">
<stroke android:color="@color/shape_primary" android:width="1dp"/>
<corners android:radius="8dp" />
<solid android:color="@color/background_primary" />
</shape>
</item>
<item android:state_enabled="true" android:state_pressed="true">
<shape android:shape="rectangle">
<stroke android:color="@color/shape_primary" android:width="1dp"/>
<corners android:radius="8dp" />
<solid android:color="@color/shape_transparent" />
</shape>
</item>
</selector>

14
core-ui/src/main/res/drawable/ds_button_with_number_text_bg.xml Normal file
View file

@ -0,0 +1,14 @@
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:state_enabled="true" android:state_pressed="false">
<shape android:shape="oval">
<solid android:color="@color/button_pressed"/>
</shape>
</item>
<item android:state_enabled="true" android:state_pressed="true">
<shape android:shape="oval">
<solid android:color="@color/glyph_selected" />
</shape>
</item>
</selector>

7
core-ui/src/main/res/font/ibm_plex_mono.xml Normal file
View file

@ -0,0 +1,7 @@
<?xml version="1.0" encoding="utf-8"?>
<font-family xmlns:app="http://schemas.android.com/apk/res-auto"
app:fontProviderAuthority="com.google.android.gms.fonts"
app:fontProviderPackage="com.google.android.gms"
app:fontProviderQuery="IBM Plex Mono"
app:fontProviderCerts="@array/com_google_android_gms_fonts_certs">
</font-family>

34
core-ui/src/main/res/layout/ds_button_number.xml Normal file
View file

@ -0,0 +1,34 @@
<?xml version="1.0" encoding="utf-8"?>
<merge xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:clickable="true"
tools:context="com.anytypeio.anytype.core_ui.widgets.NumberButton">
<Button
android:id="@+id/button"
style="?attr/primaryLargeNumberButtonStyle"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:clickable="false"
android:stateListAnimator="@null"
android:text="Button"
android:textAppearance="?attr/primaryLargeNumberButtonTextAppearance"
android:visibility="visible" />
<TextView
android:id="@+id/tvNumber"
style="@style/TextView.UXStyle.Captions.1.Medium"
android:layout_width="24dp"
android:layout_height="24dp"
android:layout_gravity="center_vertical|end"
android:layout_marginEnd="12dp"
android:background="@drawable/ds_button_with_number_text_bg"
android:clickable="false"
android:gravity="center"
android:stateListAnimator="@null"
android:text="12"
android:textColor="@color/button_text" />
</merge>

3
core-ui/src/main/res/layout/layout_object_set_dv_header.xml
View file

@ -37,11 +37,10 @@
<TextView
android:id="@+id/addNewButton"
style="@style/DSXSmallButtonStyle"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginEnd="@dimen/dp_20"
android:background="@drawable/ds_button_primary_background_selector"
android:background="@drawable/button_background_primary_selector"
android:clickable="true"
android:paddingStart="10dp"
android:paddingTop="5dp"

348
core-ui/src/main/res/values/design_system.xml Normal file
View file

@ -0,0 +1,348 @@
<?xml version="1.0" encoding="utf-8"?>
<resources xmlns:tools="http://schemas.android.com/tools">
<!-- https://www.figma.com/file/vgXV7x2v20vJajc7clYJ7a/Mobile-Design-System?node-id=1587%3A55&t=zAFZWVJ7Jk4qK01n-1 -->
<!-- MOBILE DESIGN SYSTEM, Typography-->
<style name="BaseTextView" parent="Widget.MaterialComponents.TextView">
<item name="android:includeFontPadding">true</item>
<item name="android:textColor">@color/text_primary</item>
</style>
<!-- MOBILE DESIGN SYSTEM, Content Text Styles -->
<!-- Headlines -->
<style name="TextView.ContentStyle.Headline" parent="BaseTextView">
<item name="fontFamily">@font/inter_bold</item>
<item name="android:fontWeight">700</item>
</style>
<style name="TextView.ContentStyle.Headline.Title" parent="TextView.ContentStyle.Headline">
<item name="android:textSize">28sp</item>
<item name="android:lineHeight" tools:targetApi="28">32sp</item>
<item name="android:letterSpacing">-0.017</item>
</style>
<style name="TextView.ContentStyle.Headline.Heading" parent="TextView.ContentStyle.Headline">
<item name="android:textSize">22sp</item>
<item name="android:lineHeight" tools:targetApi="28">26sp</item>
<item name="android:letterSpacing">-0.016</item>
</style>
<style name="TextView.ContentStyle.Headline.Subheading" parent="TextView.ContentStyle.Headline">
<item name="android:textSize">17sp</item>
<item name="android:lineHeight" tools:targetApi="28">24sp</item>
<item name="android:letterSpacing">-0.016</item>
</style>
<!-- Body -->
<style name="TextView.ContentStyle.Body" parent="BaseTextView">
<item name="android:textSize">17sp</item>
<item name="android:lineHeight" tools:targetApi="28">24sp</item>
<item name="android:letterSpacing">-0.024</item>
</style>
<style name="TextView.ContentStyle.Body.Bold" parent="TextView.ContentStyle.Body">
<item name="fontFamily">@font/inter_semibold</item>
<item name="android:fontWeight">600</item>
</style>
<style name="TextView.ContentStyle.Body.Bold.Italic" parent="TextView.ContentStyle.Body">
<item name="fontFamily">@font/inter_semibold</item>
<item name="android:textStyle">italic</item>
<item name="android:fontWeight">600</item>
</style>
<style name="TextView.ContentStyle.Body.Regular" parent="TextView.ContentStyle.Body">
<item name="fontFamily">@font/inter_regular</item>
<item name="android:fontWeight">400</item>
</style>
<style name="TextView.ContentStyle.Body.Italic" parent="TextView.ContentStyle.Body">
<item name="fontFamily">@font/inter_regular</item>
<item name="android:textStyle">italic</item>
<item name="android:fontWeight">400</item>
</style>
<style name="TextView.ContentStyle.Body.Callout" parent="BaseTextView">
<item name="fontFamily">@font/inter_regular</item>
<item name="android:fontWeight">400</item>
<item name="android:textSize">15sp</item>
<item name="android:lineHeight" tools:targetApi="28">22sp</item>
<item name="android:letterSpacing">-0.016</item>
</style>
<!-- Preview Titles -->
<style name="TextView.ContentStyle.PreviewTitles.1.Medium" parent="BaseTextView">
<item name="fontFamily">@font/inter_medium</item>
<item name="android:fontWeight">500</item>
<item name="android:textSize">17sp</item>
<item name="android:lineHeight" tools:targetApi="28">22sp</item>
<item name="android:letterSpacing">-0.024</item>
</style>
<style name="TextView.ContentStyle.PreviewTitles.1.Regular" parent="BaseTextView">
<item name="fontFamily">@font/inter_regular</item>
<item name="android:fontWeight">400</item>
<item name="android:textSize">17sp</item>
<item name="android:lineHeight" tools:targetApi="28">22sp</item>
<item name="android:letterSpacing">-0.024</item>
</style>
<style name="TextView.ContentStyle.PreviewTitles.2.Medium" parent="BaseTextView">
<item name="fontFamily">@font/inter_medium</item>
<item name="android:fontWeight">500</item>
<item name="android:textSize">15sp</item>
<item name="android:lineHeight" tools:targetApi="28">20sp</item>
<item name="android:letterSpacing">-0.016</item>
</style>
<style name="TextView.ContentStyle.PreviewTitles.2.Regular" parent="BaseTextView">
<item name="fontFamily">@font/inter_regular</item>
<item name="android:fontWeight">400</item>
<item name="android:textSize">15sp</item>
<item name="android:lineHeight" tools:targetApi="28">20sp</item>
<item name="android:letterSpacing">-0.016</item>
</style>
<!-- Relations -->
<style name="TextView.ContentStyle.Relations" parent="BaseTextView">
<item name="fontFamily">@font/inter_regular</item>
<item name="android:fontWeight">400</item>
</style>
<style name="TextView.ContentStyle.Relations.1" parent="TextView.ContentStyle.Relations">
<item name="android:textSize">15sp</item>
<item name="android:lineHeight" tools:targetApi="28">20sp</item>
<item name="android:letterSpacing">-0.016</item>
</style>
<style name="TextView.ContentStyle.Relations.2" parent="TextView.ContentStyle.Relations">
<item name="android:textSize">13sp</item>
<item name="android:lineHeight" tools:targetApi="28">18sp</item>
<item name="android:letterSpacing">-0.006</item>
</style>
<style name="TextView.ContentStyle.Relations.3" parent="TextView.ContentStyle.Relations">
<item name="android:textSize">12sp</item>
<item name="android:lineHeight" tools:targetApi="28">15sp</item>
</style>
<!-- Code block -->
<style name="TextView.ContentStyle.CodeBlock" parent="BaseTextView">
<item name="fontFamily">@font/ibm_plex_mono</item>
<item name="android:fontWeight">400</item>
<item name="android:textSize">15sp</item>
<item name="android:lineHeight" tools:targetApi="28">22sp</item>
<item name="android:letterSpacing">-0.016</item>
</style>
<!-- MOBILE DESIGN SYSTEM, UX Styles -->
<!-- Titles -->
<style name="TextView.UXStyle.Titles.1" parent="BaseTextView">
<item name="fontFamily">@font/inter_semibold</item>
<item name="android:fontWeight">600</item>
<item name="android:textSize">17sp</item>
<item name="android:lineHeight" tools:targetApi="28">24sp</item>
<item name="android:letterSpacing">-0.024</item>
</style>
<style name="TextView.UXStyle.Titles.2" parent="BaseTextView">
<item name="fontFamily">@font/inter_medium</item>
<item name="android:fontWeight">500</item>
<item name="android:textSize">15sp</item>
<item name="android:lineHeight" tools:targetApi="28">20sp</item>
<item name="android:letterSpacing">-0.014</item>
</style>
<style name="TextView.UXStyle.Titles.3" parent="BaseTextView">
<item name="fontFamily">@font/inter_regular</item>
<item name="android:fontWeight">400</item>
<item name="android:textSize">15sp</item>
<item name="android:lineHeight" tools:targetApi="28">20sp</item>
<item name="android:letterSpacing">-0.014</item>
</style>
<!-- Body -->
<style name="TextView.UXStyle.Body" parent="BaseTextView">
<item name="fontFamily">@font/inter_regular</item>
<item name="android:fontWeight">400</item>
<item name="android:textSize">17sp</item>
<item name="android:lineHeight" tools:targetApi="28">24sp</item>
<item name="android:letterSpacing">-0.024</item>
</style>
<style name="TextView.UXStyle.Body.Callout.Medium" parent="BaseTextView">
<item name="fontFamily">@font/inter_medium</item>
<item name="android:fontWeight">500</item>
<item name="android:textSize">15sp</item>
<item name="android:lineHeight" tools:targetApi="28">22sp</item>
<item name="android:letterSpacing">-0.014</item>
</style>
<style name="TextView.UXStyle.Body.Callout.Regular" parent="BaseTextView">
<item name="fontFamily">@font/inter_regular</item>
<item name="android:fontWeight">400</item>
<item name="android:textSize">15sp</item>
<item name="android:lineHeight" tools:targetApi="28">22sp</item>
<item name="android:letterSpacing">-0.014</item>
</style>
<!-- Captions -->
<style name="TextView.UXStyle.Captions.1.Medium" parent="BaseTextView">
<item name="fontFamily">@font/inter_medium</item>
<item name="android:fontWeight">500</item>
<item name="android:textSize">13sp</item>
<item name="android:lineHeight" tools:targetApi="28">18sp</item>
<item name="android:letterSpacing">-0.006</item>
</style>
<style name="TextView.UXStyle.Captions.1.Regular" parent="BaseTextView">
<item name="fontFamily">@font/inter_regular</item>
<item name="android:fontWeight">400</item>
<item name="android:textSize">13sp</item>
<item name="android:lineHeight" tools:targetApi="28">18sp</item>
<item name="android:letterSpacing">-0.006</item>
</style>
<style name="TextView.UXStyle.Captions.2.Medium" parent="BaseTextView">
<item name="fontFamily">@font/inter_medium</item>
<item name="android:fontWeight">500</item>
<item name="android:textSize">11sp</item>
<item name="android:lineHeight" tools:targetApi="28">14sp</item>
<item name="android:letterSpacing">-0.006</item>
</style>
<style name="TextView.UXStyle.Captions.2.Regular" parent="BaseTextView">
<item name="fontFamily">@font/inter_regular</item>
<item name="android:fontWeight">400</item>
<item name="android:textSize">11sp</item>
<item name="android:lineHeight" tools:targetApi="28">14sp</item>
<item name="android:letterSpacing">-0.006</item>
</style>
<style name="BaseTextView.Buttons" parent="BaseTextView">
<item name="android:textColor">@color/button_text</item>
</style>
<!-- Buttons -->
<style name="TextView.UXStyle.Buttons.Medium" parent="BaseTextView.Buttons">
<item name="fontFamily">@font/inter_medium</item>
<item name="android:fontWeight">500</item>
<item name="android:textSize">17sp</item>
<item name="android:lineHeight" tools:targetApi="28">24sp</item>
<item name="android:letterSpacing">-0.024</item>
<item name="android:textAllCaps">false</item>
</style>
<style name="TextView.UXStyle.Buttons.Regular" parent="BaseTextView.Buttons">
<item name="fontFamily">@font/inter_regular</item>
<item name="android:fontWeight">400</item>
<item name="android:textSize">17sp</item>
<item name="android:lineHeight" tools:targetApi="28">24sp</item>
<item name="android:letterSpacing">-0.024</item>
<item name="android:textAllCaps">false</item>
</style>
<!--https://www.figma.com/file/vgXV7x2v20vJajc7clYJ7a/Mobile-Design-System?node-id=1588%3A59&t=9DPtsMxKLupkwVfY-1-->
<!-- MOBILE DESIGN SYSTEM, Buttons-->
<style name="BaseButton" parent="Widget.MaterialComponents.Button">
<item name="android:stateListAnimator">@null</item>
</style>
<style name="Button.Primary" parent="BaseButton">
<item name="android:background">@drawable/button_background_primary_selector</item>
<item name="android:textColor">@color/text_color_button_primary_selector</item>
<item name="backgroundTint">@null</item>
<item name="android:minHeight">0dp</item>
<item name="android:minWidth">0dp</item>
</style>
<style name="Button.Primary.XSmall" parent="Button.Primary">
<item name="android:paddingLeft">10dp</item>
<item name="android:paddingRight">10dp</item>
<item name="android:insetTop">0dp</item>
<item name="android:insetBottom">0dp</item>
</style>
<style name="Button.Primary.Small" parent="Button.Primary">
<item name="android:paddingLeft">12dp</item>
<item name="android:paddingRight">12dp</item>
<item name="android:insetTop">2.5dp</item>
<item name="android:insetBottom">2.5dp</item>
</style>
<style name="Button.Primary.Medium" parent="Button.Primary">
<item name="android:paddingLeft">56dp</item>
<item name="android:paddingRight">56dp</item>
<item name="android:insetTop">5dp</item>
<item name="android:insetBottom">5dp</item>
</style>
<style name="Button.Primary.Large" parent="Button.Primary">
<item name="android:layout_width">match_parent</item>
<item name="android:insetTop">7dp</item>
<item name="android:insetBottom">7dp</item>
</style>
<style name="Button.Primary.Large.Icon" parent="Widget.Material3.Button.TextButton">
<item name="android:layout_width">match_parent</item>
<item name="android:insetTop">7dp</item>
<item name="android:insetBottom">7dp</item>
</style>
<style name="Button.Secondary" parent="BaseButton">
<item name="android:background">@drawable/button_background_secondary_selector</item>
<item name="android:textColor">@color/text_color_button_secondary_selector</item>
<item name="backgroundTint">@null</item>
<item name="android:minHeight">0dp</item>
<item name="android:minWidth">0dp</item>
</style>
<style name="Button.Secondary.XSmall" parent="Button.Secondary">
<item name="android:paddingLeft">10dp</item>
<item name="android:paddingRight">10dp</item>
<item name="android:insetTop">0dp</item>
<item name="android:insetBottom">0dp</item>
</style>
<style name="Button.Secondary.Small" parent="Button.Secondary">
<item name="android:paddingLeft">12dp</item>
<item name="android:paddingRight">12dp</item>
<item name="android:insetTop">2.5dp</item>
<item name="android:insetBottom">2.5dp</item>
</style>
<style name="Button.Secondary.Medium" parent="Button.Secondary">
<item name="android:paddingLeft">56dp</item>
<item name="android:paddingRight">56dp</item>
<item name="android:insetTop">5dp</item>
<item name="android:insetBottom">5dp</item>
</style>
<style name="Button.Secondary.Large" parent="Button.Secondary">
<item name="android:layout_width">match_parent</item>
<item name="android:insetTop">7dp</item>
<item name="android:insetBottom">7dp</item>
</style>
<!-- button text appearance -->
<attr name="primaryXSButtonTextAppearance" format="reference" />
<attr name="secondaryXSButtonTextAppearance" format="reference" />
<attr name="primarySButtonTextAppearance" format="reference" />
<attr name="secondarySButtonTextAppearance" format="reference" />
<attr name="primaryMediumButtonTextAppearance" format="reference" />
<attr name="secondaryMediumButtonTextAppearance" format="reference" />
<attr name="primaryLargeButtonTextAppearance" format="reference" />
<attr name="secondaryLargeButtonTextAppearance" format="reference" />
<attr name="primaryLargeNumberButtonTextAppearance" format="reference" />
<!-- button styles -->
<attr name="primaryXSButtonStyle" format="reference" />
<attr name="secondaryXSButtonStyle" format="reference" />
<attr name="primarySButtonStyle" format="reference" />
<attr name="secondarySButtonStyle" format="reference" />
<attr name="primaryMediumButtonStyle" format="reference" />
<attr name="secondaryMediumButtonStyle" format="reference" />
<attr name="primaryLargeButtonStyle" format="reference" />
<attr name="secondaryLargeButtonStyle" format="reference" />
<attr name="primaryLargeNumberButtonStyle" format="reference" />
</resources>

17
core-ui/src/main/res/values/font_certs.xml Normal file
View file

@ -0,0 +1,17 @@
<?xml version="1.0" encoding="utf-8"?>
<resources>
<array name="com_google_android_gms_fonts_certs">
<item>@array/com_google_android_gms_fonts_certs_dev</item>
<item>@array/com_google_android_gms_fonts_certs_prod</item>
</array>
<string-array name="com_google_android_gms_fonts_certs_dev">
<item>
MIIEqDCCA5CgAwIBAgIJANWFuGx90071MA0GCSqGSIb3DQEBBAUAMIGUMQswCQYDVQQGEwJVUzETMBEGA1UECBMKQ2FsaWZvcm5pYTEWMBQGA1UEBxMNTW91bnRhaW4gVmlldzEQMA4GA1UEChMHQW5kcm9pZDEQMA4GA1UECxMHQW5kcm9pZDEQMA4GA1UEAxMHQW5kcm9pZDEiMCAGCSqGSIb3DQEJARYTYW5kcm9pZEBhbmRyb2lkLmNvbTAeFw0wODA0MTUyMzM2NTZaFw0zNTA5MDEyMzM2NTZaMIGUMQswCQYDVQQGEwJVUzETMBEGA1UECBMKQ2FsaWZvcm5pYTEWMBQGA1UEBxMNTW91bnRhaW4gVmlldzEQMA4GA1UEChMHQW5kcm9pZDEQMA4GA1UECxMHQW5kcm9pZDEQMA4GA1UEAxMHQW5kcm9pZDEiMCAGCSqGSIb3DQEJARYTYW5kcm9pZEBhbmRyb2lkLmNvbTCCASAwDQYJKoZIhvcNAQEBBQADggENADCCAQgCggEBANbOLggKv+IxTdGNs8/TGFy0PTP6DHThvbbR24kT9ixcOd9W+EaBPWW+wPPKQmsHxajtWjmQwWfna8mZuSeJS48LIgAZlKkpFeVyxW0qMBujb8X8ETrWy550NaFtI6t9+u7hZeTfHwqNvacKhp1RbE6dBRGWynwMVX8XW8N1+UjFaq6GCJukT4qmpN2afb8sCjUigq0GuMwYXrFVee74bQgLHWGJwPmvmLHC69EH6kWr22ijx4OKXlSIx2xT1AsSHee70w5iDBiK4aph27yH3TxkXy9V89TDdexAcKk/cVHYNnDBapcavl7y0RiQ4biu8ymM8Ga/nmzhRKya6G0cGw8CAQOjgfwwgfkwHQYDVR0OBBYEFI0cxb6VTEM8YYY6FbBMvAPyT+CyMIHJBgNVHSMEgcEwgb6AFI0cxb6VTEM8YYY6FbBMvAPyT+CyoYGapIGXMIGUMQswCQYDVQQGEwJVUzETMBEGA1UECBMKQ2FsaWZvcm5pYTEWMBQGA1UEBxMNTW91bnRhaW4gVmlldzEQMA4GA1UEChMHQW5kcm9pZDEQMA4GA1UECxMHQW5kcm9pZDEQMA4GA1UEAxMHQW5kcm9pZDEiMCAGCSqGSIb3DQEJARYTYW5kcm9pZEBhbmRyb2lkLmNvbYIJANWFuGx90071MAwGA1UdEwQFMAMBAf8wDQYJKoZIhvcNAQEEBQADggEBABnTDPEF+3iSP0wNfdIjIz1AlnrPzgAIHVvXxunW7SBrDhEglQZBbKJEk5kT0mtKoOD1JMrSu1xuTKEBahWRbqHsXclaXjoBADb0kkjVEJu/Lh5hgYZnOjvlba8Ld7HCKePCVePoTJBdI4fvugnL8TsgK05aIskyY0hKI9L8KfqfGTl1lzOv2KoWD0KWwtAWPoGChZxmQ+nBli+gwYMzM1vAkP+aayLe0a1EQimlOalO762r0GXO0ks+UeXde2Z4e+8S/pf7pITEI/tP+MxJTALw9QUWEv9lKTk+jkbqxbsh8nfBUapfKqYn0eidpwq2AzVp3juYl7//fKnaPhJD9gs=
</item>
</string-array>
<string-array name="com_google_android_gms_fonts_certs_prod">
<item>
MIIEQzCCAyugAwIBAgIJAMLgh0ZkSjCNMA0GCSqGSIb3DQEBBAUAMHQxCzAJBgNVBAYTAlVTMRMwEQYDVQQIEwpDYWxpZm9ybmlhMRYwFAYDVQQHEw1Nb3VudGFpbiBWaWV3MRQwEgYDVQQKEwtHb29nbGUgSW5jLjEQMA4GA1UECxMHQW5kcm9pZDEQMA4GA1UEAxMHQW5kcm9pZDAeFw0wODA4MjEyMzEzMzRaFw0zNjAxMDcyMzEzMzRaMHQxCzAJBgNVBAYTAlVTMRMwEQYDVQQIEwpDYWxpZm9ybmlhMRYwFAYDVQQHEw1Nb3VudGFpbiBWaWV3MRQwEgYDVQQKEwtHb29nbGUgSW5jLjEQMA4GA1UECxMHQW5kcm9pZDEQMA4GA1UEAxMHQW5kcm9pZDCCASAwDQYJKoZIhvcNAQEBBQADggENADCCAQgCggEBAKtWLgDYO6IIrgqWbxJOKdoR8qtW0I9Y4sypEwPpt1TTcvZApxsdyxMJZ2JORland2qSGT2y5b+3JKkedxiLDmpHpDsz2WCbdxgxRczfey5YZnTJ4VZbH0xqWVW/8lGmPav5xVwnIiJS6HXk+BVKZF+JcWjAsb/GEuq/eFdpuzSqeYTcfi6idkyugwfYwXFU1+5fZKUaRKYCwkkFQVfcAs1fXA5V+++FGfvjJ/CxURaSxaBvGdGDhfXE28LWuT9ozCl5xw4Yq5OGazvV24mZVSoOO0yZ31j7kYvtwYK6NeADwbSxDdJEqO4k//0zOHKrUiGYXtqw/A0LFFtqoZKFjnkCAQOjgdkwgdYwHQYDVR0OBBYEFMd9jMIhF1Ylmn/Tgt9r45jk14alMIGmBgNVHSMEgZ4wgZuAFMd9jMIhF1Ylmn/Tgt9r45jk14aloXikdjB0MQswCQYDVQQGEwJVUzETMBEGA1UECBMKQ2FsaWZvcm5pYTEWMBQGA1UEBxMNTW91bnRhaW4gVmlldzEUMBIGA1UEChMLR29vZ2xlIEluYy4xEDAOBgNVBAsTB0FuZHJvaWQxEDAOBgNVBAMTB0FuZHJvaWSCCQDC4IdGZEowjTAMBgNVHRMEBTADAQH/MA0GCSqGSIb3DQEBBAUAA4IBAQBt0lLO74UwLDYKqs6Tm8/yzKkEu116FmH4rkaymUIE0P9KaMftGlMexFlaYjzmB2OxZyl6euNXEsQH8gjwyxCUKRJNexBiGcCEyj6z+a1fuHHvkiaai+KL8W1EyNmgjmyy8AW7P+LLlkR+ho5zEHatRbM/YAnqGcFh5iZBqpknHf1SKMXFh4dd239FJ1jWYfbMDMy3NS5CTMQ2XFI1MvcyUTdZPErjQfTbQe3aDQsQcafEQPD+nqActifKZ0Np0IS9L9kR/wbNvyz6ENwPiTrjV2KRkEjH78ZMcUQXg0L3BYHJ3lc69Vs5Ddf9uUGGMYldX3WfMBEmh/9iFBDAaTCK
</item>
</string-array>
</resources>

6
core-ui/src/main/res/values/preloaded_fonts.xml Normal file
View file

@ -0,0 +1,6 @@
<?xml version="1.0" encoding="utf-8"?>
<resources>
<array name="preloaded_fonts" translatable="false">
<item>@font/ibm_plex_mono</item>
</array>
</resources>

9
docs/screens.md
View file

@ -14,3 +14,12 @@
- [RelationCreateFromScratchForDataViewFragment] creating a Relation for the Data View contained in this Set or this Collection
// TODO
[Sample App]
- [DesignSystemActivity] activity for demonstration Anytype app design
- [ButtonsPrimaryFragment] screen with primary buttons
- [ButtonsSecondaryFragment] screen with secondary buttons
- [ContentStyleFragment] typography, content text styles
- [ContentStyleMultiline] typography, content text styles, large text sample
- [UxStyleFragment] typography, interface text styles

4
sample/build.gradle
View file

@ -37,6 +37,10 @@ android {
kotlinOptions {
jvmTarget = JavaVersion.VERSION_11
}
buildFeatures {
viewBinding true
}
}
dependencies {

2
sample/src/main/AndroidManifest.xml
View file

@ -20,7 +20,7 @@
android:usesCleartextTraffic="true"
tools:ignore="GoogleAppIndexingWarning">
<activity
android:name=".LatexActivity"
android:name=".design_system.DesignSystemActivity"
android:exported="true">
<intent-filter>
<action android:name="android.intent.action.MAIN" />

6
sample/src/main/java/com/anytypeio/anytype/sample/design_system/ButtonsPrimaryFragment.kt Normal file
View file

@ -0,0 +1,6 @@
package com.anytypeio.anytype.sample.design_system
import androidx.fragment.app.Fragment
import com.anytypeio.anytype.sample.R
class ButtonsPrimaryFragment : Fragment(R.layout.fragment_buttons)

6
sample/src/main/java/com/anytypeio/anytype/sample/design_system/ButtonsSecondaryFragment.kt Normal file
View file

@ -0,0 +1,6 @@
package com.anytypeio.anytype.sample.design_system
import androidx.fragment.app.Fragment
import com.anytypeio.anytype.sample.R
class ButtonsSecondaryFragment : Fragment(R.layout.fragment_buttons_secondary)

6
sample/src/main/java/com/anytypeio/anytype/sample/design_system/ContentStyleFragment.kt Normal file
View file

@ -0,0 +1,6 @@
package com.anytypeio.anytype.sample.design_system
import androidx.fragment.app.Fragment
import com.anytypeio.anytype.sample.R
class ContentStyleFragment: Fragment(R.layout.fragment_content_style)

24
sample/src/main/java/com/anytypeio/anytype/sample/design_system/ContentStyleMultiline.kt Normal file
View file

@ -0,0 +1,24 @@
package com.anytypeio.anytype.sample.design_system
import android.os.Bundle
import android.view.View
import androidx.fragment.app.Fragment
import com.anytypeio.anytype.sample.R
import com.anytypeio.anytype.sample.databinding.FragmentButtonsBinding
import com.anytypeio.anytype.sample.databinding.FragmentContentStyleMultilineBinding
class ContentStyleMultiline: Fragment(R.layout.fragment_content_style_multiline) {
private var fragmentBinding: FragmentContentStyleMultilineBinding? = null
override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
super.onViewCreated(view, savedInstanceState)
val _binding = FragmentContentStyleMultilineBinding.bind(view)
fragmentBinding = _binding
}
override fun onDestroy() {
super.onDestroy()
fragmentBinding = null
}
}

66
sample/src/main/java/com/anytypeio/anytype/sample/design_system/DesignSystemActivity.kt Normal file
View file

@ -0,0 +1,66 @@
package com.anytypeio.anytype.sample.design_system
import android.os.Bundle
import androidx.appcompat.app.AppCompatActivity
import com.anytypeio.anytype.sample.R
class DesignSystemActivity : AppCompatActivity(), Navigate {
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
setContentView(R.layout.activity_design_sysytem)
supportFragmentManager
.beginTransaction()
.add(R.id.root, NavigateFragment())
.addToBackStack(null)
.commit()
}
override fun toContentStyle() {
supportFragmentManager
.beginTransaction()
.replace(R.id.root, ContentStyleFragment())
.addToBackStack(null)
.commit()
}
override fun toContentStyleMultiline() {
supportFragmentManager
.beginTransaction()
.replace(R.id.root, ContentStyleMultiline())
.addToBackStack(null)
.commit()
}
override fun toUxStyle() {
supportFragmentManager
.beginTransaction()
.replace(R.id.root, UxStyleFragment())
.addToBackStack(null)
.commit()
}
override fun toButtons() {
supportFragmentManager
.beginTransaction()
.replace(R.id.root, ButtonsPrimaryFragment())
.addToBackStack(null)
.commit()
}
override fun toButtonsSecondary() {
supportFragmentManager
.beginTransaction()
.replace(R.id.root, ButtonsSecondaryFragment())
.addToBackStack(null)
.commit()
}
}
interface Navigate {
fun toContentStyle()
fun toContentStyleMultiline()
fun toUxStyle()
fun toButtons()
fun toButtonsSecondary()
}

39
sample/src/main/java/com/anytypeio/anytype/sample/design_system/NavigateFragment.kt Normal file
View file

@ -0,0 +1,39 @@
package com.anytypeio.anytype.sample.design_system
import android.os.Bundle
import android.view.View
import android.widget.Button
import android.widget.Switch
import androidx.appcompat.app.AppCompatDelegate
import androidx.fragment.app.Fragment
import com.anytypeio.anytype.sample.R
class NavigateFragment : Fragment(R.layout.fragment_navigate) {
override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
super.onViewCreated(view, savedInstanceState)
view.findViewById<Button>(R.id.button2).setOnClickListener {
(activity as Navigate).toContentStyle()
}
view.findViewById<Button>(R.id.button3).setOnClickListener {
(activity as Navigate).toContentStyleMultiline()
}
view.findViewById<Button>(R.id.btnUxStyle).setOnClickListener {
(activity as Navigate).toUxStyle()
}
view.findViewById<Button>(R.id.button7).setOnClickListener {
(activity as Navigate).toButtons()
}
view.findViewById<Button>(R.id.button12).setOnClickListener {
(activity as Navigate).toButtonsSecondary()
}
view.findViewById<Switch>(R.id.switch3).setOnClickListener {
it as Switch
if (it.isChecked) {
AppCompatDelegate.setDefaultNightMode(AppCompatDelegate.MODE_NIGHT_YES)
} else {
AppCompatDelegate.setDefaultNightMode(AppCompatDelegate.MODE_NIGHT_NO)
}
}
}
}

6
sample/src/main/java/com/anytypeio/anytype/sample/design_system/UxStyleFragment.kt Normal file
View file

@ -0,0 +1,6 @@
package com.anytypeio.anytype.sample.design_system
import androidx.fragment.app.Fragment
import com.anytypeio.anytype.sample.R
class UxStyleFragment: Fragment(R.layout.fragment_ux_style)

6
sample/src/main/res/layout/activity_design_sysytem.xml Normal file
View file

@ -0,0 +1,6 @@
<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:id="@+id/root">
</FrameLayout>

176
sample/src/main/res/layout/fragment_buttons.xml Normal file
View file

@ -0,0 +1,176 @@
<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".design_system.ButtonsPrimaryFragment">
<TextView
android:id="@+id/textView21"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="32dp"
android:text="XSmall Button Primary"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />
<Button
android:id="@+id/button8"
style="?attr/primaryXSButtonStyle"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="8dp"
android:text="Button"
android:textAppearance="?attr/primaryXSButtonTextAppearance"
app:layout_constraintEnd_toEndOf="@+id/textView21"
app:layout_constraintStart_toStartOf="@+id/textView21"
app:layout_constraintTop_toBottomOf="@+id/textView21" />
<Button
android:id="@+id/button13"
style="?attr/primaryXSButtonStyle"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="8dp"
android:enabled="false"
android:text="Button"
android:textAppearance="?attr/primaryXSButtonTextAppearance"
app:layout_constraintEnd_toEndOf="@+id/textView21"
app:layout_constraintStart_toStartOf="@+id/textView21"
app:layout_constraintTop_toBottomOf="@+id/button8" />
<TextView
android:id="@+id/textView22"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="24dp"
android:text="Small Button Primary"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/button13" />
<Button
android:id="@+id/button9"
style="?attr/primarySButtonStyle"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="8dp"
android:text="Button"
android:textAppearance="?attr/primarySButtonTextAppearance"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/textView22" />
<Button
android:id="@+id/button17"
style="?attr/primarySButtonStyle"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="8dp"
android:enabled="false"
android:text="Button"
android:textAppearance="?attr/primarySButtonTextAppearance"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/button9" />
<TextView
android:id="@+id/textView23"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="24dp"
android:text="Medium Button Primary"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/button17" />
<Button
android:id="@+id/button10"
style="?attr/primaryMediumButtonStyle"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="8dp"
android:text="Button"
android:textAppearance="?attr/primaryMediumButtonTextAppearance"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/textView23" />
<Button
android:id="@+id/button18"
style="?attr/primaryMediumButtonStyle"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="8dp"
android:enabled="false"
android:text="Button"
android:textAppearance="?attr/primaryMediumButtonTextAppearance"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/button10" />
<TextView
android:id="@+id/textView24"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="24dp"
android:text="Large Buttons"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/button18" />
<Button
android:id="@+id/button11"
style="?attr/primaryLargeButtonStyle"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginStart="16dp"
android:layout_marginTop="8dp"
android:layout_marginEnd="16dp"
android:text="Button"
android:textAppearance="?attr/primaryLargeButtonTextAppearance"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/textView24" />
<Button
android:id="@+id/button19"
style="?attr/primaryLargeButtonStyle"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginStart="16dp"
android:layout_marginTop="8dp"
android:layout_marginEnd="16dp"
android:enabled="false"
android:text="Button"
android:textAppearance="?attr/primaryLargeButtonTextAppearance"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/button11" />
<TextView
android:id="@+id/textView25"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="24dp"
android:text="Large Buttons With Number"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/button19" />
<com.anytypeio.anytype.core_ui.widgets.NumberButton
android:id="@+id/btnLargeWithNumber"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginStart="16dp"
android:layout_marginTop="8dp"
android:layout_marginEnd="16dp"
android:text="Button"
android:clickable="true"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/textView25" />
</androidx.constraintlayout.widget.ConstraintLayout>

153
sample/src/main/res/layout/fragment_buttons_secondary.xml Normal file
View file

@ -0,0 +1,153 @@
<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".design_system.ButtonsPrimaryFragment">
<TextView
android:id="@+id/textView21"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="32dp"
android:text="XSmall Button Secondary"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />
<Button
android:id="@+id/button8"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="8dp"
android:text="Button"
style="?attr/secondaryXSButtonStyle"
android:textAppearance="?attr/secondaryXSButtonTextAppearance"
app:layout_constraintEnd_toEndOf="@+id/textView21"
app:layout_constraintStart_toStartOf="@+id/textView21"
app:layout_constraintTop_toBottomOf="@+id/textView21" />
<Button
android:id="@+id/button30"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="8dp"
android:text="Button"
style="?attr/secondaryXSButtonStyle"
android:enabled="false"
android:textAppearance="?attr/secondaryXSButtonTextAppearance"
app:layout_constraintEnd_toEndOf="@+id/textView21"
app:layout_constraintStart_toStartOf="@+id/textView21"
app:layout_constraintTop_toBottomOf="@+id/button8" />
<TextView
android:id="@+id/textView22"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="24dp"
android:text="Small Button Secondary"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/button30" />
<Button
android:id="@+id/button9"
style="?attr/secondarySButtonStyle"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="8dp"
android:text="Button"
android:textAppearance="?attr/secondarySButtonTextAppearance"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/textView22" />
<Button
android:id="@+id/button14"
style="?attr/secondarySButtonStyle"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="8dp"
android:enabled="false"
android:text="Button"
android:textAppearance="?attr/secondarySButtonTextAppearance"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/button9" />
<TextView
android:id="@+id/textView23"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="24dp"
android:text="Medium Button Secondary"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/button14" />
<Button
android:id="@+id/button10"
style="?attr/secondaryMediumButtonStyle"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="8dp"
android:text="Button"
android:textAppearance="?attr/secondaryMediumButtonTextAppearance"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/textView23" />
<Button
android:id="@+id/button15"
style="?attr/secondaryMediumButtonStyle"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="8dp"
android:enabled="false"
android:text="Button"
android:textAppearance="?attr/secondaryMediumButtonTextAppearance"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/button10" />
<TextView
android:id="@+id/textView24"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="24dp"
android:text="Large Button Secondary"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/button15" />
<Button
android:id="@+id/button11"
style="?attr/secondaryLargeButtonStyle"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginStart="16dp"
android:layout_marginTop="8dp"
android:layout_marginEnd="16dp"
android:text="Button"
android:textAppearance="?attr/secondaryLargeButtonTextAppearance"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/textView24" />
<Button
android:id="@+id/button16"
style="?attr/secondaryLargeButtonStyle"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginStart="16dp"
android:layout_marginTop="8dp"
android:layout_marginEnd="16dp"
android:enabled="false"
android:text="Button"
android:textAppearance="?attr/secondaryLargeButtonTextAppearance"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/button11" />
</androidx.constraintlayout.widget.ConstraintLayout>

185
sample/src/main/res/layout/fragment_content_style.xml Normal file
View file

@ -0,0 +1,185 @@
<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
xmlns:app="http://schemas.android.com/apk/res-auto">
<TextView
android:id="@+id/textView4"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="32dp"
android:text="Title"
style="@style/TextView.ContentStyle.Headline.Title"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />
<TextView
android:id="@+id/textView5"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:text="Heading"
style="@style/TextView.ContentStyle.Headline.Heading"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/textView4" />
<TextView
android:id="@+id/textView7"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:text="Subheading"
style="@style/TextView.ContentStyle.Headline.Subheading"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/textView5" />
<TextView
android:id="@+id/textView8"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:text="Body Bold"
style="@style/TextView.ContentStyle.Body.Bold"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/textView7" />
<TextView
android:id="@+id/textView9"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:text="Body Bold Italic"
style="@style/TextView.ContentStyle.Body.Bold.Italic"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/textView8" />
<TextView
android:id="@+id/textView10"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:text="Body Regular"
style="@style/TextView.ContentStyle.Body.Regular"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/textView9" />
<TextView
android:id="@+id/textView11"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:text="Body Italic"
style="@style/TextView.ContentStyle.Body.Italic"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/textView10" />
<TextView
android:id="@+id/textView12"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:text="Callout Regular"
style="@style/TextView.ContentStyle.Body.Callout"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/textView11" />
<TextView
android:id="@+id/textView13"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:text="Preview Title 1 Medium"
style="@style/TextView.ContentStyle.PreviewTitles.1.Medium"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/textView12" />
<TextView
android:id="@+id/textView14"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:text="Preview Title 1 Regular"
style="@style/TextView.ContentStyle.PreviewTitles.1.Regular"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/textView13" />
<TextView
android:id="@+id/textView15"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:text="Preview Title 2 Medium"
style="@style/TextView.ContentStyle.PreviewTitles.2.Medium"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/textView14" />
<TextView
android:id="@+id/textView16"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:text="Preview Title 2 Regular"
style="@style/TextView.ContentStyle.PreviewTitles.2.Regular"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/textView15" />
<TextView
android:id="@+id/textView17"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:text="Relation 1 Regular"
style="@style/TextView.ContentStyle.Relations.1"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/textView16" />
<TextView
android:id="@+id/textView18"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:text="Relation 2 Regular"
style="@style/TextView.ContentStyle.Relations.2"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/textView17" />
<TextView
android:id="@+id/textView19"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:text="Relation 3 Regular"
style="@style/TextView.ContentStyle.Relations.3"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/textView18" />
<TextView
android:id="@+id/textView20"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:text="Code Block"
style="@style/TextView.ContentStyle.CodeBlock"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/textView19" />
</androidx.constraintlayout.widget.ConstraintLayout>

224
sample/src/main/res/layout/fragment_content_style_multiline.xml Normal file
View file

@ -0,0 +1,224 @@
<?xml version="1.0" encoding="utf-8"?>
<ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="match_parent">
<androidx.constraintlayout.widget.ConstraintLayout
android:layout_width="match_parent"
android:layout_height="match_parent">
<TextView
android:id="@+id/textView4"
style="@style/TextView.ContentStyle.Headline.Title"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginStart="16dp"
android:layout_marginTop="32dp"
android:layout_marginEnd="16dp"
android:text="@string/placeholder_text"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />
<TextView
android:id="@+id/textView5"
style="@style/TextView.ContentStyle.Headline.Heading"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:layout_marginStart="16dp"
android:layout_marginEnd="16dp"
android:text="@string/placeholder_text"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/textView4" />
<TextView
android:id="@+id/textView7"
style="@style/TextView.ContentStyle.Headline.Subheading"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:layout_marginStart="16dp"
android:layout_marginEnd="16dp"
android:text="@string/placeholder_text"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/textView5" />
<TextView
android:id="@+id/textView8"
style="@style/TextView.ContentStyle.Body.Bold"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:layout_marginStart="16dp"
android:layout_marginEnd="16dp"
android:text="@string/placeholder_text"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/textView7" />
<TextView
android:id="@+id/textView9"
style="@style/TextView.ContentStyle.Body.Bold.Italic"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:layout_marginStart="16dp"
android:layout_marginEnd="16dp"
android:text="@string/placeholder_text"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/textView8" />
<TextView
android:id="@+id/textView10"
style="@style/TextView.ContentStyle.Body.Regular"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:layout_marginStart="16dp"
android:layout_marginEnd="16dp"
android:text="@string/placeholder_text"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/textView9" />
<TextView
android:id="@+id/textView11"
style="@style/TextView.ContentStyle.Body.Italic"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:layout_marginStart="16dp"
android:layout_marginEnd="16dp"
android:text="@string/placeholder_text"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/textView10" />
<TextView
android:id="@+id/textView12"
style="@style/TextView.ContentStyle.Body.Callout"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:layout_marginStart="16dp"
android:layout_marginEnd="16dp"
android:text="@string/placeholder_text"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/textView11" />
<TextView
android:id="@+id/textView13"
style="@style/TextView.ContentStyle.PreviewTitles.1.Medium"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:layout_marginStart="16dp"
android:layout_marginEnd="16dp"
android:text="@string/placeholder_text"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/textView12" />
<TextView
android:id="@+id/textView14"
style="@style/TextView.ContentStyle.PreviewTitles.1.Regular"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:layout_marginStart="16dp"
android:layout_marginEnd="16dp"
android:text="@string/placeholder_text"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/textView13" />
<TextView
android:id="@+id/textView15"
style="@style/TextView.ContentStyle.PreviewTitles.2.Medium"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:layout_marginStart="16dp"
android:layout_marginEnd="16dp"
android:text="@string/placeholder_text"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/textView14" />
<TextView
android:id="@+id/textView16"
style="@style/TextView.ContentStyle.PreviewTitles.2.Regular"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:layout_marginStart="16dp"
android:layout_marginEnd="16dp"
android:text="@string/placeholder_text"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/textView15" />
<TextView
android:id="@+id/textView17"
style="@style/TextView.ContentStyle.Relations.1"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:layout_marginStart="16dp"
android:layout_marginEnd="16dp"
android:text="@string/placeholder_text"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/textView16" />
<TextView
android:id="@+id/textView18"
style="@style/TextView.ContentStyle.Relations.2"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:layout_marginStart="16dp"
android:layout_marginEnd="16dp"
android:text="@string/placeholder_text"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/textView17" />
<TextView
android:id="@+id/textView19"
style="@style/TextView.ContentStyle.Relations.3"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:layout_marginStart="16dp"
android:layout_marginEnd="16dp"
android:text="@string/placeholder_text"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/textView18" />
<TextView
android:id="@+id/textView20"
style="@style/TextView.ContentStyle.CodeBlock"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:layout_marginStart="16dp"
android:layout_marginEnd="16dp"
android:layout_marginBottom="32dp"
android:text="@string/placeholder_text"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/textView19" />
</androidx.constraintlayout.widget.ConstraintLayout>
</ScrollView>

78
sample/src/main/res/layout/fragment_navigate.xml Normal file
View file

@ -0,0 +1,78 @@
<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent">
<Button
android:id="@+id/button2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="64dp"
android:text="Content Style"
style="@style/Button.Primary.Medium"
android:textAppearance="@style/TextView.UXStyle.Buttons.Medium"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />
<Button
android:id="@+id/button3"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="32dp"
android:text="Content Style Multiline"
style="@style/Button.Primary.Medium"
android:textAppearance="@style/TextView.UXStyle.Buttons.Medium"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/button2" />
<Button
android:id="@+id/btnUxStyle"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="32dp"
android:text="UX Style"
style="@style/Button.Primary.Medium"
android:textAppearance="@style/TextView.UXStyle.Buttons.Medium"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/button3" />
<Button
android:id="@+id/button7"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="32dp"
android:text="Buttons Primary"
style="@style/Button.Primary.Medium"
android:textAppearance="@style/TextView.UXStyle.Buttons.Medium"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/btnUxStyle" />
<Switch
android:id="@+id/switch3"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginStart="16dp"
android:layout_marginTop="16dp"
android:text="Night Mode"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />
<Button
android:id="@+id/button12"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="32dp"
android:text="Buttons Secondary"
style="@style/Button.Primary.Medium"
android:textAppearance="@style/TextView.UXStyle.Buttons.Medium"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/button7" />
</androidx.constraintlayout.widget.ConstraintLayout>

130
sample/src/main/res/layout/fragment_ux_style.xml Normal file
View file

@ -0,0 +1,130 @@
<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
xmlns:app="http://schemas.android.com/apk/res-auto"
tools:context=".design_system.UxStyleFragment">
<TextView
android:id="@+id/textView4"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="32dp"
android:text="UX Title 1 Semibold"
style="@style/TextView.UXStyle.Titles.1"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />
<TextView
android:id="@+id/textView5"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:text="UX Title 2 Medium"
style="@style/TextView.UXStyle.Titles.2"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/textView4" />
<TextView
android:id="@+id/textView7"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:text="UX Title 2 Regular"
style="@style/TextView.UXStyle.Titles.3"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/textView5" />
<TextView
android:id="@+id/textView8"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:text="Body Bold"
style="@style/TextView.ContentStyle.Body.Bold"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/textView7" />
<TextView
android:id="@+id/textView9"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:text="UX Body"
style="@style/TextView.UXStyle.Body"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/textView8" />
<TextView
android:id="@+id/textView10"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:text="UX Callout Medium"
style="@style/TextView.UXStyle.Body.Callout.Medium"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/textView9" />
<TextView
android:id="@+id/textView11"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:text="UX Callout Regular"
style="@style/TextView.UXStyle.Body.Callout.Regular"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/textView10" />
<TextView
android:id="@+id/textView12"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:text="Caption 1 Medium"
style="@style/TextView.UXStyle.Captions.1.Medium"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/textView11" />
<TextView
android:id="@+id/textView13"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:text="Caption 1 Regular"
style="@style/TextView.UXStyle.Captions.1.Regular"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/textView12" />
<TextView
android:id="@+id/textView14"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:text="Caption 2 Medium"
style="@style/TextView.UXStyle.Captions.2.Medium"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/textView13" />
<TextView
android:id="@+id/textView15"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:text="Caption 2 Regular"
style="@style/TextView.UXStyle.Captions.2.Regular"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/textView14" />
</androidx.constraintlayout.widget.ConstraintLayout>

29
sample/src/main/res/values/styles.xml
View file

@ -1,15 +1,40 @@
<resources>
<!-- Base application theme. -->
<style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
<style name="AppTheme" parent="Theme.MaterialComponents.DayNight.NoActionBar">
<!-- Customize your theme here. -->
<item name="colorPrimary">@color/orange</item>
<item name="android:windowActionBar">false</item>
<item name="android:windowNoTitle">true</item>
<item name="colorPrimary">@color/sync_status_red</item>
<item name="colorPrimaryDark">@color/palette_dark_teal</item>
<item name="colorAccent">@color/orange</item>
<!-- <item name="android:dialogTheme">@style/AppBottomSheetDialogTheme</item>-->
<item name="alertDialogTheme">@style/DialogTheme</item>
<!-- <item name="android:alertDialogTheme">?alertDialogTheme</item>-->
<!-- <item name="dialogTheme">?alertDialogTheme</item>-->
<item name="primaryXSButtonTextAppearance">@style/TextView.UXStyle.Captions.1.Medium</item>
<item name="primarySButtonTextAppearance">@style/TextView.UXStyle.Body.Callout.Medium</item>
<item name="primaryMediumButtonTextAppearance">@style/TextView.UXStyle.Buttons.Medium</item>
<item name="primaryLargeButtonTextAppearance">@style/TextView.UXStyle.Buttons.Medium</item>
<item name="primaryLargeNumberButtonTextAppearance">@style/TextView.UXStyle.Buttons.Medium</item>
<item name="secondaryXSButtonTextAppearance">@style/TextView.UXStyle.Captions.1.Medium</item>
<item name="secondarySButtonTextAppearance">@style/TextView.UXStyle.Body.Callout.Medium</item>
<item name="secondaryMediumButtonTextAppearance">@style/TextView.UXStyle.Buttons.Medium</item>
<item name="secondaryLargeButtonTextAppearance">@style/TextView.UXStyle.Buttons.Medium</item>
<item name="primaryXSButtonStyle">@style/Button.Primary.XSmall</item>
<item name="primarySButtonStyle">@style/Button.Primary.Small</item>
<item name="primaryMediumButtonStyle">@style/Button.Primary.Medium</item>
<item name="primaryLargeButtonStyle">@style/Button.Primary.Large</item>
<item name="primaryLargeNumberButtonStyle">@style/Button.Primary.Large</item>
<item name="secondaryXSButtonStyle">@style/Button.Secondary.XSmall</item>
<item name="secondarySButtonStyle">@style/Button.Secondary.Small</item>
<item name="secondaryMediumButtonStyle">@style/Button.Secondary.Medium</item>
<item name="secondaryLargeButtonStyle">@style/Button.Secondary.Large</item>
</style>
<!-- define your dialog theme -->