athameui 0.0.11 → 0.0.12

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 (17) hide show
  1. package/components/Button/Button.tsx +0 -1
  2. package/components/Carousel/Carousel.tsx +6 -2
  3. package/components/FormField/FormField.tsx +1 -0
  4. package/dist/athameui.cjs +6 -4
  5. package/dist/athameui.cjs.map +1 -1
  6. package/dist/athameui.mjs +6 -4
  7. package/dist/athameui.mjs.map +1 -1
  8. package/dist/components/Button/Button.d.ts.map +1 -1
  9. package/dist/components/Carousel/Carousel.d.ts.map +1 -1
  10. package/dist/components/FormField/FormField.d.ts.map +1 -1
  11. package/dist/styles/components/carousel.css +9 -2
  12. package/dist/styles/components/form-input.css +27 -7
  13. package/dist/styles/tokens.css +0 -3
  14. package/package.json +1 -1
  15. package/styles/components/carousel.css +9 -2
  16. package/styles/components/form-input.css +27 -7
  17. package/styles/tokens.css +0 -3
package/dist/components/Button/Button.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../components/Button/Button.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,oBAAoB,EACpB,iBAAiB,EACjB,YAAY,EACb,MAAM,OAAO,CAAC;AAEf,OAAO,EAEL,KAAK,UAAU,EACf,KAAK,aAAa,EACnB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAE3C,MAAM,MAAM,WAAW,GAAG;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,MAAM,CAAC;IACpC,SAAS,CAAC,EAAE;QACV,MAAM,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,SAAS,CAAC;QAC3C,IAAI,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,SAAS,CAAC;KAC1C,CAAC;IACF,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,YAAY,GAAG,MAAM,CAAC;IAC7B,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,EAAE,CAAC,EAAE,SAAS,GAAG;QAAE,MAAM,CAAC,EAAE,SAAS,CAAC;QAAC,IAAI,CAAC,EAAE,SAAS,CAAA;KAAE,CAAC;IAC1D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IAC3C,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;IACrC,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC9D,OAAO,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IAC/C,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC/D,SAAS,CAAC,EAAE,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;IACpD,YAAY,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACpD,YAAY,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;CACrD,CAAC;AAEF,eAAO,MAAM,MAAM,2GAiGlB,CAAC"}
1
+ {"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../components/Button/Button.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,oBAAoB,EACpB,iBAAiB,EACjB,YAAY,EACb,MAAM,OAAO,CAAC;AAEf,OAAO,EAEL,KAAK,UAAU,EACf,KAAK,aAAa,EACnB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAE3C,MAAM,MAAM,WAAW,GAAG;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,MAAM,CAAC;IACpC,SAAS,CAAC,EAAE;QACV,MAAM,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,SAAS,CAAC;QAC3C,IAAI,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,SAAS,CAAC;KAC1C,CAAC;IACF,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,YAAY,GAAG,MAAM,CAAC;IAC7B,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,EAAE,CAAC,EAAE,SAAS,GAAG;QAAE,MAAM,CAAC,EAAE,SAAS,CAAC;QAAC,IAAI,CAAC,EAAE,SAAS,CAAA;KAAE,CAAC;IAC1D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IAC3C,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;IACrC,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC9D,OAAO,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IAC/C,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC/D,SAAS,CAAC,EAAE,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;IACpD,YAAY,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACpD,YAAY,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;CACrD,CAAC;AAEF,eAAO,MAAM,MAAM,2GAgGlB,CAAC"}
package/dist/components/Carousel/Carousel.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Carousel.d.ts","sourceRoot":"","sources":["../../../components/Carousel/Carousel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA8B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACnE,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAM3C,MAAM,MAAM,aAAa,GAAG;IAC1B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE;QACV,QAAQ,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,SAAS,CAAC;KAC9C,CAAC;IACF,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,EAAE,CAAC,EAAE;QACH,QAAQ,CAAC,EAAE,SAAS,CAAC;KACtB,CAAC;CACH,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,4CAKtB,aAAa,qDA4Df,CAAC"}
1
+ {"version":3,"file":"Carousel.d.ts","sourceRoot":"","sources":["../../../components/Carousel/Carousel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA8B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACnE,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAM3C,MAAM,MAAM,aAAa,GAAG;IAC1B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE;QACV,QAAQ,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,SAAS,CAAC;KAC9C,CAAC;IACF,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,EAAE,CAAC,EAAE;QACH,QAAQ,CAAC,EAAE,SAAS,CAAC;KACtB,CAAC;CACH,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,4CAKtB,aAAa,qDAgEf,CAAC"}
package/dist/components/FormField/FormField.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"FormField.d.ts","sourceRoot":"","sources":["../../../components/FormField/FormField.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,SAAS,EAA2B,MAAM,OAAO,CAAC;AAClE,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAI3C,OAAO,kBAAkB,CAAC;AAE1B,MAAM,MAAM,cAAc,GAAG;IAC3B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE;QACV,SAAS,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,SAAS,CAAC;QAC9C,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,SAAS,CAAC;QAC1C,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,SAAS,CAAC;QAC1C,UAAU,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,SAAS,CAAC;QAC/C,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,SAAS,CAAC;QAC1C,QAAQ,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,SAAS,CAAC;KAC9C,CAAC;IACF,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,aAAa,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,CAAC;IACrD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,EAAE,CAAC,EAAE;QACH,SAAS,CAAC,EAAE,SAAS,CAAC;QACtB,KAAK,CAAC,EAAE,SAAS,CAAC;QAClB,KAAK,CAAC,EAAE,SAAS,CAAC;QAClB,UAAU,CAAC,EAAE,SAAS,CAAC;QACvB,KAAK,CAAC,EAAE,SAAS,CAAC;QAClB,QAAQ,CAAC,EAAE,SAAS,CAAC;KACtB,CAAC;IACF,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EACD,MAAM,GACN,OAAO,GACP,UAAU,GACV,KAAK,GACL,KAAK,GACL,UAAU,GACV,QAAQ,GACR,QAAQ,GACR,MAAM,CAAC;IACX,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAExB,QAAQ,EAAE,CACR,CAAC,EACG,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,GACnC,KAAK,CAAC,WAAW,CAAC,mBAAmB,CAAC,KACvC,IAAI,CAAC;IACV,SAAS,CAAC,EAAE,KAAK,CAAC,oBAAoB,CACpC,gBAAgB,GAAG,mBAAmB,CACvC,CAAC;CACH,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAgL9C,CAAC"}
1
+ {"version":3,"file":"FormField.d.ts","sourceRoot":"","sources":["../../../components/FormField/FormField.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,SAAS,EAA2B,MAAM,OAAO,CAAC;AAClE,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAI3C,OAAO,kBAAkB,CAAC;AAE1B,MAAM,MAAM,cAAc,GAAG;IAC3B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE;QACV,SAAS,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,SAAS,CAAC;QAC9C,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,SAAS,CAAC;QAC1C,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,SAAS,CAAC;QAC1C,UAAU,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,SAAS,CAAC;QAC/C,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,SAAS,CAAC;QAC1C,QAAQ,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,SAAS,CAAC;KAC9C,CAAC;IACF,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,aAAa,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,CAAC;IACrD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,EAAE,CAAC,EAAE;QACH,SAAS,CAAC,EAAE,SAAS,CAAC;QACtB,KAAK,CAAC,EAAE,SAAS,CAAC;QAClB,KAAK,CAAC,EAAE,SAAS,CAAC;QAClB,UAAU,CAAC,EAAE,SAAS,CAAC;QACvB,KAAK,CAAC,EAAE,SAAS,CAAC;QAClB,QAAQ,CAAC,EAAE,SAAS,CAAC;KACtB,CAAC;IACF,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EACD,MAAM,GACN,OAAO,GACP,UAAU,GACV,KAAK,GACL,KAAK,GACL,UAAU,GACV,QAAQ,GACR,QAAQ,GACR,MAAM,CAAC;IACX,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAExB,QAAQ,EAAE,CACR,CAAC,EACG,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,GACnC,KAAK,CAAC,WAAW,CAAC,mBAAmB,CAAC,KACvC,IAAI,CAAC;IACV,SAAS,CAAC,EAAE,KAAK,CAAC,oBAAoB,CACpC,gBAAgB,GAAG,mBAAmB,CACvC,CAAC;CACH,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAiL9C,CAAC"}
package/dist/styles/components/carousel.css CHANGED
@@ -30,14 +30,21 @@
30
30
  transition: opacity 0.2s ease-in-out;
31
31
  }
32
32
  .ath-carousel-left-arrow {
33
- left: 5px;
33
+ left: 10px;
34
34
  }
35
35
  .ath-carousel-right-arrow {
36
- right: 5px;
36
+ right: 10px;
37
37
  }
38
38
  .ath-carousel-hover {
39
39
  .ath-carousel-arrow {
40
40
  opacity: 0.75;
41
41
  }
42
42
  }
43
+ .ath-carousel-empty {
44
+ display: flex;
45
+ align-items: center;
46
+ min-height: 4rem;
47
+ padding: 1rem;
48
+ color: var(--color-tertiary-300);
49
+ }
43
50
  }
package/dist/styles/components/form-input.css CHANGED
@@ -14,6 +14,11 @@
14
14
  gap: 0.75rem;
15
15
  align-items: center;
16
16
  }
17
+ .ath-form-input-container-readonly {
18
+ width: 100%;
19
+ margin-top: 1rem;
20
+ line-height: 1.25;
21
+ }
17
22
 
18
23
  /* Base input styles */
19
24
  .ath-form-text-input {
@@ -24,12 +29,6 @@
24
29
  outline-offset: -1px;
25
30
  transition: all 0.2s ease;
26
31
  min-width: 0;
27
- &:read-only {
28
- background-color: transparent;
29
- outline: none;
30
- color: var(--color-tertiary-600);
31
- padding-left: 0;
32
- }
33
32
  }
34
33
  .ath-form-text-input:focus {
35
34
  outline: 2px solid var(--color-primary-vibrant-500);
@@ -102,13 +101,34 @@
102
101
  cursor: not-allowed;
103
102
  }
104
103
 
104
+ .ath-form-text-input:read-only,
105
+ .ath-form-text-input-readonly,
106
+ .ath-form-textarea:read-only,
107
+ .ath-form-textarea-readonly,
105
108
  .ath-form-input-readonly,
106
- .ath-form-textarea-readonly {
109
+ .ath-form-input-shared-readonly {
110
+ margin-top: 0.2rem;
111
+ padding: 0;
112
+ color: var(--color-tertiary-600);
107
113
  background-color: transparent;
108
114
  outline: none;
109
115
  border: none;
116
+ box-shadow: none;
110
117
  cursor: default;
111
118
  }
119
+ .ath-form-text-input:read-only:focus,
120
+ .ath-form-text-input-readonly:focus,
121
+ .ath-form-textarea:read-only:focus,
122
+ .ath-form-textarea-readonly:focus {
123
+ outline: none;
124
+ border: none;
125
+ }
126
+ .ath-form-textarea:read-only,
127
+ .ath-form-textarea-readonly {
128
+ min-height: 0;
129
+ resize: none;
130
+ overflow: hidden;
131
+ }
112
132
 
113
133
  /* Error message */
114
134
  .ath-form-input-error-message {
package/dist/styles/tokens.css CHANGED
@@ -165,7 +165,6 @@
165
165
  }
166
166
 
167
167
  @layer base {
168
-
169
168
  *,
170
169
  ::before,
171
170
  ::after {
@@ -175,7 +174,6 @@
175
174
  background-color: var(--color-primary-500);
176
175
  color: var(--color-text-light);
177
176
  font-family: var(--font-family-sans);
178
- font-size: var(--font-size-md);
179
177
  -webkit-font-smoothing: antialiased;
180
178
  -moz-osx-font-smoothing: grayscale;
181
179
  margin: 0;
@@ -184,7 +182,6 @@
184
182
  h1 {
185
183
  color: var(--color-text-light);
186
184
  font-size: var(--font-size-2xl);
187
- /* font-size: var(--font-size-3xl); */
188
185
  font-weight: 300;
189
186
  margin: 0 0 1rem;
190
187
  line-height: normal;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "athameui",
3
3
  "private": false,
4
- "version": "0.0.11",
4
+ "version": "0.0.12",
5
5
  "type": "module",
6
6
  "main": "./dist/athameui.cjs",
7
7
  "module": "./dist/athameui.mjs",
package/styles/components/carousel.css CHANGED
@@ -30,14 +30,21 @@
30
30
  transition: opacity 0.2s ease-in-out;
31
31
  }
32
32
  .ath-carousel-left-arrow {
33
- left: 5px;
33
+ left: 10px;
34
34
  }
35
35
  .ath-carousel-right-arrow {
36
- right: 5px;
36
+ right: 10px;
37
37
  }
38
38
  .ath-carousel-hover {
39
39
  .ath-carousel-arrow {
40
40
  opacity: 0.75;
41
41
  }
42
42
  }
43
+ .ath-carousel-empty {
44
+ display: flex;
45
+ align-items: center;
46
+ min-height: 4rem;
47
+ padding: 1rem;
48
+ color: var(--color-tertiary-300);
49
+ }
43
50
  }
package/styles/components/form-input.css CHANGED
@@ -14,6 +14,11 @@
14
14
  gap: 0.75rem;
15
15
  align-items: center;
16
16
  }
17
+ .ath-form-input-container-readonly {
18
+ width: 100%;
19
+ margin-top: 1rem;
20
+ line-height: 1.25;
21
+ }
17
22
 
18
23
  /* Base input styles */
19
24
  .ath-form-text-input {
@@ -24,12 +29,6 @@
24
29
  outline-offset: -1px;
25
30
  transition: all 0.2s ease;
26
31
  min-width: 0;
27
- &:read-only {
28
- background-color: transparent;
29
- outline: none;
30
- color: var(--color-tertiary-600);
31
- padding-left: 0;
32
- }
33
32
  }
34
33
  .ath-form-text-input:focus {
35
34
  outline: 2px solid var(--color-primary-vibrant-500);
@@ -102,13 +101,34 @@
102
101
  cursor: not-allowed;
103
102
  }
104
103
 
104
+ .ath-form-text-input:read-only,
105
+ .ath-form-text-input-readonly,
106
+ .ath-form-textarea:read-only,
107
+ .ath-form-textarea-readonly,
105
108
  .ath-form-input-readonly,
106
- .ath-form-textarea-readonly {
109
+ .ath-form-input-shared-readonly {
110
+ margin-top: 0.2rem;
111
+ padding: 0;
112
+ color: var(--color-tertiary-600);
107
113
  background-color: transparent;
108
114
  outline: none;
109
115
  border: none;
116
+ box-shadow: none;
110
117
  cursor: default;
111
118
  }
119
+ .ath-form-text-input:read-only:focus,
120
+ .ath-form-text-input-readonly:focus,
121
+ .ath-form-textarea:read-only:focus,
122
+ .ath-form-textarea-readonly:focus {
123
+ outline: none;
124
+ border: none;
125
+ }
126
+ .ath-form-textarea:read-only,
127
+ .ath-form-textarea-readonly {
128
+ min-height: 0;
129
+ resize: none;
130
+ overflow: hidden;
131
+ }
112
132
 
113
133
  /* Error message */
114
134
  .ath-form-input-error-message {
package/styles/tokens.css CHANGED
@@ -165,7 +165,6 @@
165
165
  }
166
166
 
167
167
  @layer base {
168
-
169
168
  *,
170
169
  ::before,
171
170
  ::after {
@@ -175,7 +174,6 @@
175
174
  background-color: var(--color-primary-500);
176
175
  color: var(--color-text-light);
177
176
  font-family: var(--font-family-sans);
178
- font-size: var(--font-size-md);
179
177
  -webkit-font-smoothing: antialiased;
180
178
  -moz-osx-font-smoothing: grayscale;
181
179
  margin: 0;
@@ -184,7 +182,6 @@
184
182
  h1 {
185
183
  color: var(--color-text-light);
186
184
  font-size: var(--font-size-2xl);
187
- /* font-size: var(--font-size-3xl); */
188
185
  font-weight: 300;
189
186
  margin: 0 0 1rem;
190
187
  line-height: normal;