@usssa/component-library 1.0.0-alpha.170 → 1.0.0-alpha.171
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/README.md
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
# Component Library v1.0.0-alpha.
|
|
1
|
+
# Component Library v1.0.0-alpha.171
|
|
2
2
|
|
|
3
3
|
**This library provides custom UI components for USSSA applications.**
|
|
4
4
|
|
|
@@ -31,5 +31,5 @@ yarn dev
|
|
|
31
31
|
|
|
32
32
|
When done:
|
|
33
33
|
|
|
34
|
-
1. In Nuxt or Quasar project directory run `yarn unlink @usssa/component-library`
|
|
34
|
+
1. In Nuxt or Quasar project directory run to unlink `yarn unlink @usssa/component-library`
|
|
35
35
|
2. In component-library directory run `yarn unlink`
|
package/package.json
CHANGED
|
@@ -72,7 +72,14 @@ const getProgressBarStatus = (option) => {
|
|
|
72
72
|
'inline-mobile-progress-bar': isMobile && showMobileProgress,
|
|
73
73
|
'desktop-linear-progress': isDesktop,
|
|
74
74
|
'tablet-linear-progress': isTablet,
|
|
75
|
-
'progress-bar-hover':
|
|
75
|
+
'progress-bar-hover':
|
|
76
|
+
stepper.status !== 'completed' && stepper.status !== 'failed'
|
|
77
|
+
? true
|
|
78
|
+
: false,
|
|
79
|
+
'highlighted-stepper':
|
|
80
|
+
stepper.status !== 'completed' &&
|
|
81
|
+
stepper.status !== 'failed' &&
|
|
82
|
+
String(step) === String(stepper.id),
|
|
76
83
|
}"
|
|
77
84
|
>
|
|
78
85
|
<q-linear-progress
|
|
@@ -89,7 +89,17 @@ $heading-sm: (size: 1.25rem, line-height: 1.5rem, letter-spacing: 0rem, weight:
|
|
|
89
89
|
$heading-xs: (size: 1.125rem, line-height: 1.313rem, letter-spacing: .0125rem, weight: 700) !default
|
|
90
90
|
$heading-xxs: (size: 1.0rem, line-height: 1.313rem, letter-spacing: .0125rem, weight: 700) !default
|
|
91
91
|
|
|
92
|
-
|
|
92
|
+
// DISPLAY
|
|
93
|
+
$display-xxxl: (size: 3.5rem, line-height: 3.5rem, letter-spacing: 0rem, weight: 500) !default
|
|
94
|
+
$display-xxl: (size: 3rem, line-height: 3rem, letter-spacing: 0rem, weight: 500) !default
|
|
95
|
+
$display-xl: (size: 2.5rem, line-height: 2.5rem, letter-spacing: 0rem, weight: 500) !default
|
|
96
|
+
$display-lg: (size: 2rem, line-height: 2rem, letter-spacing: .00714rem, weight: 500) !default
|
|
97
|
+
$display-md: (size: 1.5rem, line-height: 1.5rem, letter-spacing: .00714rem, weight: 500) !default
|
|
98
|
+
$display-sm: (size: 1.25rem, line-height: 1.5rem, letter-spacing: 0rem, weight: 500) !default
|
|
99
|
+
$display-xs: (size: 1.125rem, line-height: 1.313rem, letter-spacing: .0125rem, weight: 500) !default
|
|
100
|
+
$display-xxs: (size: 1.0rem, line-height: 1.313rem, letter-spacing: .0125rem, weight: 500) !default
|
|
101
|
+
|
|
102
|
+
$headings: ('h1': $h1, 'h1-md': $h1-md, 'h1-sm': $h1-sm, 'h2': $h2, 'h2-md': $h2-md, 'h2-sm': $h2-sm, 'h3': $h3, 'h3-md': $h3-md, 'h3-sm': $h3-sm, 'h4': $h4, 'h4-md': $h4-md, 'h4-sm': $h4-sm, 'h5': $h5, 'h6': $h6, 'body-xl': $body-xl, 'body-lg': $body-lg, 'body-md': $body-md, 'body-sm': $body-sm, 'body-xs': $body-xs, 'body-xxs': $body-xxs, 'overline-lg': $overline-lg, 'overline-md': $overline-md, 'overline-sm': $overline-sm,'overline-xs': $overline-xs, 'caption-lg': $caption-lg, 'caption-md': $caption-md, 'caption-sm': $caption-sm, 'caption-xs': $caption-xs, 'heading-xxxl': $heading-xxxl, 'heading-xxl':$heading-xxl,'heading-xl':$heading-xl,'heading-lg':$heading-lg,'heading-md':$heading-md,'heading-sm':$heading-sm,'heading-xs':$heading-xs,'heading-xxs': $heading-xxs, 'display-xxxl': $display-xxxl, 'display-xxl':$display-xxl,'display-xl':$display-xl,'display-lg':$display-lg,'display-md':$display-md,'display-sm':$display-sm,'display-xs':$display-xs,'display-xxs': $display-xxs) !default
|
|
93
103
|
|
|
94
104
|
// SPACING BASE
|
|
95
105
|
$space-base: 1rem !default
|