@pushui/styles 0.0.3

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.
@@ -0,0 +1 @@
1
+ {"version":3,"sourceRoot":"","sources":["../styles/root.scss","../styles/base/reset.scss","../styles/mixins/typo.scss","../styles/base/layout.scss","../styles/mixins/mq.scss","../styles/utils/color.scss","../styles/utils/border.scss","../styles/utils/radius.scss","../styles/utils/spacing.scss","../styles/utils/font.scss","../styles/utils/align.scss","../styles/utils/display.scss","../styles/utils/overflow.scss","../styles/utils/size.scss","../styles/utils/opacity.scss","../styles/utils/position.scss","../styles/utils/aspect.scss","../styles/utils/fit.scss","../styles/utils/object.scss"],"names":[],"mappings":"AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAAA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AC5FF;EACE;EACA;EACA;EACA;EACA;;AAEA;EAEE;EACA;;;AAIJ;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;AAAA;AAAA;AAAA;AAAA;EAKE;EACA;;;AAGF;AAAA;EClBE;EACA,OA5BmB;EA6BnB;EACA;EACA;;AAEA;AAAA;AAAA;EAEE,OAlCwB;EAmCxB;;;ADcJ;EACE;;;AAIA;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AAIJ;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AE1EF;EACE;EACA;EACA;;AAEA;EACE;EACA;;AAEA;EAJF;IAKI;;;AAGF;EARF;IASI;;;;AAKN;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AChBF;EDeA;IAII;;;ACnBJ;EDuBA;IAEI;;;ACzBJ;ED6BA;IAEI;;;AC/BJ;EDmCA;IAEI;;;AAIJ;EACE;;AC1CF;EDyCA;IAII;;;AAIJ;EACE;EACA;;;AAIJ;EACE;EACA;EACA;;;AEnEE;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AAOF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AAMJ;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AAKF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AAIJ;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;ACxCF;EACE;;;AAKE;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AAMJ;EACE;;;AADF;EA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","file":"index.expanded.css"}
package/package.json ADDED
@@ -0,0 +1,31 @@
1
+ {
2
+ "name": "@pushui/styles",
3
+ "version": "0.0.3",
4
+ "description": "Push UI design system styles",
5
+ "main": "dist/index.css",
6
+ "files": [
7
+ "dist",
8
+ "styles"
9
+ ],
10
+ "sideEffects": [
11
+ "*.css",
12
+ "*.scss"
13
+ ],
14
+ "devDependencies": {
15
+ "sass": "^1.83.0"
16
+ },
17
+ "publishConfig": {
18
+ "access": "public"
19
+ },
20
+ "repository": {
21
+ "type": "git",
22
+ "url": "https://github.com/webc-org/pushui.git",
23
+ "directory": "packages/styles"
24
+ },
25
+ "license": "MIT",
26
+ "scripts": {
27
+ "build": "sass styles/index.scss dist/index.css --style=compressed && sass styles/index.scss dist/index.expanded.css",
28
+ "dev": "sass styles/index.scss dist/index.css --watch",
29
+ "clean": "rm -rf dist"
30
+ }
31
+ }
@@ -0,0 +1,73 @@
1
+ @use '../mixins/mq' as *;
2
+
3
+ html {
4
+ display: block;
5
+ margin: 0;
6
+ padding: 0;
7
+
8
+ &.freeze {
9
+ height: 100%;
10
+ overflow: hidden;
11
+
12
+ @supports (height: 100vh) {
13
+ height: 100vh;
14
+ }
15
+
16
+ @supports (height: 100dvh) {
17
+ height: 100dvh;
18
+ }
19
+ }
20
+ }
21
+
22
+ body {
23
+ display: flex;
24
+ flex-direction: column;
25
+ margin: 0;
26
+ min-height: 100vh;
27
+ width: 100%;
28
+
29
+ &.with-mobile-nav {
30
+ padding-top: var(--height-mobile-menu);
31
+
32
+ @include mq-md {
33
+ padding-top: 0;
34
+ }
35
+ }
36
+
37
+ &.with-top-nav {
38
+ @include mq-md {
39
+ padding-top: var(--height-top-menu);
40
+ }
41
+ }
42
+
43
+ &.with-main-nav {
44
+ @include mq-md {
45
+ padding-top: var(--height-main-menu);
46
+ }
47
+ }
48
+
49
+ &.with-main-nav.with-top-nav {
50
+ @include mq-md {
51
+ padding-top: calc(var(--height-top-menu) + var(--height-main-menu));
52
+ }
53
+ }
54
+
55
+ &.header-transparent.header-transparent {
56
+ padding-top: 0;
57
+
58
+ @include mq-md {
59
+ padding-top: 0;
60
+ }
61
+ }
62
+
63
+ &.freeze {
64
+ overflow: hidden;
65
+ padding-right: var(--scrollbar-width);
66
+ }
67
+ }
68
+
69
+ main {
70
+ display: flex;
71
+ flex: 1;
72
+ flex-direction: column;
73
+ }
@@ -0,0 +1,78 @@
1
+ @use '../mixins/typo' as *;
2
+
3
+ * {
4
+ border: 0 solid;
5
+ box-sizing: border-box;
6
+ margin: 0;
7
+ overflow-wrap: break-word;
8
+ padding: 0;
9
+
10
+ &::before,
11
+ &::after {
12
+ border: 0 solid;
13
+ box-sizing: border-box;
14
+ }
15
+ }
16
+
17
+ :focus {
18
+ outline: none;
19
+ }
20
+
21
+ html {
22
+ font-size: 62.5%;
23
+ -webkit-font-smoothing: antialiased;
24
+ -moz-osx-font-smoothing: grayscale;
25
+ scroll-behavior: smooth;
26
+ text-size-adjust: 100%;
27
+ }
28
+
29
+ body {
30
+ color: var(--color-black);
31
+ font-family: var(--site-font);
32
+ font-size: var(--font-size-4);
33
+ font-weight: var(--font-weight-body);
34
+ line-height: var(--line-height-default);
35
+ }
36
+
37
+ img,
38
+ picture,
39
+ video,
40
+ canvas,
41
+ svg {
42
+ display: block;
43
+ max-width: 100%;
44
+ }
45
+
46
+ a,
47
+ button {
48
+ @include base-link;
49
+ }
50
+
51
+ svg {
52
+ font-size: inherit;
53
+ }
54
+
55
+ @each $level, $size in $heading-sizes {
56
+ #{$level} {
57
+ font-size: var(--font-size-#{$size});
58
+ }
59
+ }
60
+
61
+ ul, ol {
62
+ list-style-position: inside;
63
+ list-style-type: none;
64
+ margin: 0;
65
+ padding: 0;
66
+ }
67
+
68
+ .sr-only {
69
+ border: 0;
70
+ clip: rect(0, 0, 0, 0);
71
+ height: 1px;
72
+ margin: -1px;
73
+ overflow: hidden;
74
+ padding: 0;
75
+ position: absolute;
76
+ white-space: nowrap;
77
+ width: 1px;
78
+ }
@@ -0,0 +1,17 @@
1
+ @use 'root';
2
+ @use 'base/reset';
3
+ @use 'base/layout';
4
+ @use 'utils/color';
5
+ @use 'utils/border';
6
+ @use 'utils/radius';
7
+ @use 'utils/spacing';
8
+ @use 'utils/font';
9
+ @use 'utils/align';
10
+ @use 'utils/display';
11
+ @use 'utils/overflow';
12
+ @use 'utils/size';
13
+ @use 'utils/opacity';
14
+ @use 'utils/position';
15
+ @use 'utils/aspect';
16
+ @use 'utils/fit';
17
+ @use 'utils/object';
@@ -0,0 +1,197 @@
1
+ @use 'sass:map';
2
+ @use './color' as *;
3
+
4
+ $bg-color-button-close: var(--color-grey-6);
5
+ $bg-color-button-close-active: var(--color-primary-2);
6
+ $tx-color-button-close-active: var(--color-white);
7
+
8
+ @mixin action-base {
9
+ align-items: center;
10
+ cursor: pointer;
11
+ display: inline-flex;
12
+ gap: 1rem;
13
+ justify-content: center;
14
+ outline: none;
15
+ position: relative;
16
+ transition: all 0.1s ease;
17
+ }
18
+
19
+ @mixin action-appearances {
20
+ &.appearance-button,
21
+ &.appearance-outline {
22
+ border-radius: var(--radius-3);
23
+ font-weight: var(--font-weight-button);
24
+ height: 4rem;
25
+ padding: 0 2rem;
26
+ text-decoration: none;
27
+ }
28
+
29
+ &.appearance-underline,
30
+ &.appearance-default {
31
+ align-self: center;
32
+ height: auto;
33
+ text-decoration: none;
34
+ }
35
+
36
+ &.appearance-underline {
37
+ &::before {
38
+ background: currentcolor;
39
+ bottom: 0;
40
+ content: '';
41
+ height: 0.1rem;
42
+ left: 0;
43
+ position: absolute;
44
+ right: 0;
45
+ transform: translateY(0.1rem);
46
+ transition: transform var(--transition-default);
47
+ width: 100%;
48
+ }
49
+
50
+ &:hover:not([disabled], [aria-disabled='true']),
51
+ &:focus-visible:not([disabled], [aria-disabled='true']) {
52
+ &::before {
53
+ transform: translateY(0.4rem);
54
+ }
55
+ }
56
+ }
57
+ }
58
+
59
+ @mixin action-variants {
60
+ @each $name in $color-variants {
61
+ $base: var(--color-#{$name}-2);
62
+ $hover: var(--color-#{$name}-1);
63
+ $text: var(--color-white);
64
+ $contrast-base: var(--color-#{$name}-contrast);
65
+ $contrast-hover: var(--color-#{$name}-3);
66
+ $contrast-text: var(--color-#{$name}-1);
67
+
68
+ &.variant-#{$name} {
69
+ background: transparent;
70
+ color: $base;
71
+
72
+ &[aria-selected='true']:not([disabled], [aria-disabled='true']),
73
+ &:hover:not([disabled], [aria-disabled='true']),
74
+ &:focus-visible:not([disabled], [aria-disabled='true']) {
75
+ color: $hover;
76
+ }
77
+
78
+ &.appearance-button {
79
+ background: $base;
80
+ color: $text;
81
+
82
+ &[aria-selected='true']:not([disabled], [aria-disabled='true']),
83
+ &:hover:not([disabled], [aria-disabled='true']),
84
+ &:focus-visible:not([disabled], [aria-disabled='true']) {
85
+ background: $hover;
86
+ color: $text;
87
+ }
88
+ }
89
+
90
+ &.appearance-outline {
91
+ border: 0.1rem solid $base;
92
+
93
+ &[aria-selected='true']:not([disabled], [aria-disabled='true']),
94
+ &:hover:not([disabled], [aria-disabled='true']),
95
+ &:focus-visible:not([disabled], [aria-disabled='true']) {
96
+ background: $hover;
97
+ border-color: $hover;
98
+ color: $text;
99
+ }
100
+ }
101
+
102
+ &.appearance-underline::before {
103
+ background: $base;
104
+ }
105
+
106
+ &.appearance-underline[aria-selected='true']:not([disabled], [aria-disabled='true'])::before,
107
+ &.appearance-underline:hover:not([disabled], [aria-disabled='true'])::before,
108
+ &.appearance-underline:focus-visible:not([disabled], [aria-disabled='true'])::before {
109
+ background: $hover;
110
+ }
111
+
112
+ &.contrast {
113
+ color: $contrast-base;
114
+
115
+ &[aria-selected='true']:not([disabled], [aria-disabled='true']),
116
+ &:hover:not([disabled], [aria-disabled='true']),
117
+ &:focus-visible:not([disabled], [aria-disabled='true']) {
118
+ color: $contrast-hover;
119
+ }
120
+
121
+ &.appearance-button {
122
+ background: $contrast-base;
123
+ color: $contrast-text;
124
+
125
+ &[aria-selected='true']:not([disabled], [aria-disabled='true']),
126
+ &:hover:not([disabled], [aria-disabled='true']),
127
+ &:focus-visible:not([disabled], [aria-disabled='true']) {
128
+ background: $contrast-hover;
129
+ color: $contrast-text;
130
+ }
131
+ }
132
+
133
+ &.appearance-outline {
134
+ border-color: $contrast-base;
135
+
136
+ &[aria-selected='true']:not([disabled], [aria-disabled='true']),
137
+ &:hover:not([disabled], [aria-disabled='true']),
138
+ &:focus-visible:not([disabled], [aria-disabled='true']) {
139
+ background: $contrast-hover;
140
+ border-color: $contrast-hover;
141
+ color: $contrast-text;
142
+ }
143
+ }
144
+
145
+ &.appearance-underline::before {
146
+ background: $contrast-base;
147
+ }
148
+
149
+ &.appearance-underline[aria-selected='true']:not([disabled], [aria-disabled='true'])::before,
150
+ &.appearance-underline:hover:not([disabled], [aria-disabled='true'])::before,
151
+ &.appearance-underline:focus-visible:not([disabled], [aria-disabled='true'])::before {
152
+ background: $contrast-hover;
153
+ }
154
+ }
155
+ }
156
+ }
157
+ }
158
+
159
+ @mixin action-disabled {
160
+ &[disabled],
161
+ &[aria-disabled='true'] {
162
+ opacity: 0.5;
163
+ pointer-events: none;
164
+
165
+ &::after {
166
+ content: '';
167
+ cursor: not-allowed;
168
+ inset: 0;
169
+ pointer-events: all;
170
+ position: absolute;
171
+ }
172
+ }
173
+ }
174
+
175
+ @mixin action-close {
176
+ align-items: center;
177
+ background: transparent;
178
+ background-color: $bg-color-button-close;
179
+ border: none;
180
+ border-radius: var(--radius-2);
181
+ cursor: pointer;
182
+ display: flex;
183
+ font-size: var(--font-size-5);
184
+ height: 2.5rem;
185
+ justify-content: center;
186
+ outline: none;
187
+ padding: 0;
188
+ position: absolute;
189
+ width: 2.5rem;
190
+
191
+ &:hover,
192
+ &:focus-visible {
193
+ background-color: $bg-color-button-close-active;
194
+ color: $tx-color-button-close-active;
195
+ opacity: 1;
196
+ }
197
+ }
@@ -0,0 +1,44 @@
1
+ @mixin anim-fade {
2
+ opacity: 0;
3
+ transition: all var(--transition-default);
4
+
5
+ &.active {
6
+ opacity: 1;
7
+ }
8
+
9
+ &.removing {
10
+ opacity: 0;
11
+ }
12
+ }
13
+
14
+ @mixin anim-scale {
15
+ opacity: 0;
16
+ transform: scale(0.9);
17
+ transition: all var(--transition-default);
18
+
19
+ &.active {
20
+ opacity: 1;
21
+ transform: scale(1);
22
+ }
23
+
24
+ &.removing {
25
+ opacity: 0;
26
+ transform: scale(0.9);
27
+ }
28
+ }
29
+
30
+ @mixin anim-slide-up {
31
+ opacity: 0;
32
+ transform: translateY(2rem);
33
+ transition: all var(--transition-default);
34
+
35
+ &.active {
36
+ opacity: 1;
37
+ transform: translateY(0);
38
+ }
39
+
40
+ &.removing {
41
+ opacity: 0;
42
+ transform: translateY(2rem);
43
+ }
44
+ }
@@ -0,0 +1,12 @@
1
+ $color-variants: (default, primary, secondary, success, danger, warning, info);
2
+ $color-levels: (1, 2, 3, contrast);
3
+
4
+ @mixin color-variants($prefix: 'variant-') {
5
+ @each $name in $color-variants {
6
+ &.#{$prefix}#{$name} {
7
+ background-color: var(--color-#{$name}-3);
8
+ border-color: var(--color-#{$name}-2);
9
+ color: var(--color-#{$name}-1);
10
+ }
11
+ }
12
+ }
@@ -0,0 +1,65 @@
1
+ $bg-color-form-input: var(--color-white);
2
+ $bg-color-form-input-placeholder: var(--color-grey-2);
3
+ $bg-color-form-input-active: var(--color-primary-2);
4
+ $bg-color-form-input-disabled: var(--color-grey-6);
5
+ $bd-color-form-input: var(--color-grey-4);
6
+ $tx-color-form-input: ar(--color-black);
7
+ $tx-color-label: var(--color-grey-2);
8
+
9
+ @mixin form-wrapper {
10
+ display: flex;
11
+ flex-direction: column;
12
+ gap: 0.5rem;
13
+ }
14
+
15
+ @mixin form-label {
16
+ color: $tx-color-label;
17
+ }
18
+
19
+ @mixin form-input {
20
+ background-color: $bg-color-form-input;
21
+ border: 0.1rem solid $bd-color-form-input;
22
+ border-radius: var(--radius-3);
23
+ color: $tx-color-form-input;
24
+ font-family: inherit;
25
+ height: 4rem;
26
+ padding: 0.75rem 2.5rem 0.75rem 0.75rem;
27
+ width: 100%;
28
+
29
+ &::selection {
30
+ background: transparent;
31
+ }
32
+
33
+ &:focus {
34
+ border-color: $bg-color-form-input-active;
35
+ }
36
+
37
+ &:disabled {
38
+ background-color: $bg-color-form-input-disabled;
39
+ cursor: not-allowed;
40
+ opacity: 0.5;
41
+ }
42
+
43
+ &::placeholder {
44
+ color: $bg-color-form-input-placeholder;
45
+ }
46
+ }
47
+
48
+ @mixin form-disabled {
49
+ cursor: not-allowed;
50
+ opacity: 0.5;
51
+ }
52
+
53
+ @mixin form-spinner {
54
+ animation: spin 1s linear infinite;
55
+ }
56
+
57
+ @keyframes spin {
58
+ from {
59
+ transform: rotate(0deg);
60
+ }
61
+
62
+ to {
63
+ transform: rotate(360deg);
64
+ }
65
+ }
@@ -0,0 +1,29 @@
1
+ @mixin mq-xs {
2
+ @media (width >= 480px) {
3
+ @content;
4
+ }
5
+ }
6
+
7
+ @mixin mq-sm {
8
+ @media (width >= 768px) {
9
+ @content;
10
+ }
11
+ }
12
+
13
+ @mixin mq-md {
14
+ @media (width >= 1024px) {
15
+ @content;
16
+ }
17
+ }
18
+
19
+ @mixin mq-lg {
20
+ @media (width >= 1200px) {
21
+ @content;
22
+ }
23
+ }
24
+
25
+ @mixin mq-xl {
26
+ @media (width >= 1400px) {
27
+ @content;
28
+ }
29
+ }