@axos-web-dev/shared-components 1.0.80 → 1.0.81

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.
Files changed (4) hide show
  1. package/dist/Button/Button.css.d.ts +13 -0
  2. package/dist/Button/Button.css.js +1 -1
  3. package/dist/assets/Button/Button.css +31 -16
  4. package/package.json +1 -1
package/dist/Button/Button.css.d.ts CHANGED
@@ -71,6 +71,19 @@ export declare const button: import('@vanilla-extract/recipes').RuntimeFn<{
71
71
  };
72
72
  };
73
73
  };
74
+ embedded: {
75
+ padding: "8px 48px";
76
+ fontSize: number;
77
+ "@media": {
78
+ "screen and (max-width: 768px)": {
79
+ padding: "8px 8px";
80
+ };
81
+ "screen and (max-width: 450px)": {
82
+ padding: "4px 4px";
83
+ fontSize: number;
84
+ };
85
+ };
86
+ };
74
87
  };
75
88
  disabled: {
76
89
  true: {
package/dist/Button/Button.css.js CHANGED
@@ -4,7 +4,7 @@
4
4
  /* empty css */
5
5
  /* empty css */
6
6
  import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
7
- var button = createRuntimeFn({ defaultClassName: "_13pdpuj0", variantClassNames: { color: { primary: "_13pdpuj1", secondary: "_13pdpuj2", tertiary: "_13pdpuj3" }, skeleton: { true: "_13pdpuj4" }, size: { small: "_13pdpuj5", medium: "_13pdpuj6", large: "_13pdpuj7" }, disabled: { true: "_13pdpuj8" }, rounded: { none: "_13pdpuj9", small: "_13pdpuja", medium: "_13pdpujb", large: "_13pdpujc" }, square: { true: "_13pdpujd" } }, defaultVariants: {}, compoundVariants: [[{ color: "primary", disabled: true }, "_13pdpuje"], [{ color: "secondary", disabled: true }, "_13pdpujf"], [{ color: "tertiary", disabled: true }, "_13pdpujg"], [{ skeleton: true, size: "large" }, "_13pdpujh"], [{ skeleton: true, size: "medium" }, "_13pdpuji"], [{ skeleton: true, size: "small" }, "_13pdpujj"]] });
7
+ var button = createRuntimeFn({ defaultClassName: "_13pdpuj0", variantClassNames: { color: { primary: "_13pdpuj1", secondary: "_13pdpuj2", tertiary: "_13pdpuj3" }, skeleton: { true: "_13pdpuj4" }, size: { small: "_13pdpuj5", medium: "_13pdpuj6", large: "_13pdpuj7", embedded: "_13pdpuj8" }, disabled: { true: "_13pdpuj9" }, rounded: { none: "_13pdpuja", small: "_13pdpujb", medium: "_13pdpujc", large: "_13pdpujd" }, square: { true: "_13pdpuje" } }, defaultVariants: {}, compoundVariants: [[{ color: "primary", disabled: true }, "_13pdpujf"], [{ color: "secondary", disabled: true }, "_13pdpujg"], [{ color: "tertiary", disabled: true }, "_13pdpujh"], [{ skeleton: true, size: "large" }, "_13pdpuji"], [{ skeleton: true, size: "medium" }, "_13pdpujj"], [{ skeleton: true, size: "small" }, "_13pdpujk"]] });
8
8
  export {
9
9
  button
10
10
  };
package/dist/assets/Button/Button.css CHANGED
@@ -72,24 +72,28 @@
72
72
  padding: 12px 64px;
73
73
  }
74
74
  ._13pdpuj8 {
75
+ padding: 8px 48px;
76
+ font-size: 14px;
77
+ }
78
+ ._13pdpuj9 {
75
79
  border: 2px solid transparent;
76
80
  color: #F4F4F4;
77
81
  background: transparent;
78
82
  cursor: not-allowed;
79
83
  }
80
- ._13pdpuj9 {
84
+ ._13pdpuja {
81
85
  border-radius: 0;
82
86
  }
83
- ._13pdpuja {
87
+ ._13pdpujb {
84
88
  border-radius: 4px;
85
89
  }
86
- ._13pdpujb {
90
+ ._13pdpujc {
87
91
  border-radius: 8px;
88
92
  }
89
- ._13pdpujc {
93
+ ._13pdpujd {
90
94
  border-radius: 16px;
91
95
  }
92
- ._13pdpujd {
96
+ ._13pdpuje {
93
97
  width: 160px;
94
98
  min-height: 160px;
95
99
  white-space: break-spaces;
@@ -104,53 +108,53 @@
104
108
  align-items: center;
105
109
  gap: 8px;
106
110
  }
107
- ._13pdpujd:hover {
111
+ ._13pdpuje:hover {
108
112
  background: #EBEBEB;
109
113
  color: #333D46;
110
114
  }
111
- ._13pdpuje {
115
+ ._13pdpujf {
112
116
  color: #5E6A74;
113
117
  background: #d4d4d4;
114
118
  cursor: not-allowed;
115
119
  }
116
- ._13pdpuje:hover {
120
+ ._13pdpujf:hover {
117
121
  cursor: not-allowed;
118
122
  background: #d4d4d4;
119
123
  text-decoration: none;
120
124
  color: #5E6A74;
121
125
  border-color: transparent;
122
126
  }
123
- ._13pdpujf {
127
+ ._13pdpujg {
124
128
  background: #8F8F8F;
125
129
  color: #FFFFFF;
126
130
  }
127
- ._13pdpujf:hover {
131
+ ._13pdpujg:hover {
128
132
  cursor: not-allowed;
129
133
  background: #8F8F8F;
130
134
  text-decoration: none;
131
135
  color: #FFFFFF;
132
136
  border-color: #8F8F8F;
133
137
  }
134
- ._13pdpujg {
138
+ ._13pdpujh {
135
139
  background: #8F8F8F;
136
140
  color: #FFFFFF;
137
141
  }
138
- ._13pdpujg:hover {
142
+ ._13pdpujh:hover {
139
143
  cursor: not-allowed;
140
144
  background: #8F8F8F;
141
145
  text-decoration: none;
142
146
  color: #FFFFFF;
143
147
  border-color: #8F8F8F;
144
148
  }
145
- ._13pdpujh {
149
+ ._13pdpuji {
146
150
  height: 50px;
147
151
  padding: 12px 64px 12px 64px;
148
152
  }
149
- ._13pdpuji {
153
+ ._13pdpujj {
150
154
  height: 40px;
151
155
  padding: 8px 48px 8px 48px;
152
156
  }
153
- ._13pdpujj {
157
+ ._13pdpujk {
154
158
  height: 28px;
155
159
  padding: 4px 32px 4px 32px;
156
160
  }
@@ -165,8 +169,19 @@
165
169
  padding: 11px 1.5rem;
166
170
  }
167
171
  }
172
+ @media screen and (max-width: 768px) {
173
+ ._13pdpuj8 {
174
+ padding: 8px 8px;
175
+ }
176
+ }
177
+ @media screen and (max-width: 450px) {
178
+ ._13pdpuj8 {
179
+ padding: 4px 4px;
180
+ font-size: 12px;
181
+ }
182
+ }
168
183
  @media screen and (max-width:768px) {
169
- ._13pdpujd {
184
+ ._13pdpuje {
170
185
  width: 120px;
171
186
  min-height: 120px;
172
187
  }
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@axos-web-dev/shared-components",
3
3
  "description": "Axos shared components library for web.",
4
- "version": "1.0.80",
4
+ "version": "1.0.81",
5
5
  "type": "module",
6
6
  "module": "dist/main.js",
7
7
  "types": "dist/main.d.ts",