athameui 0.0.10 → 0.0.11

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 +4 -0
  2. package/components/Button/button.variants.ts +1 -0
  3. package/dist/athameui.cjs +39 -2
  4. package/dist/athameui.cjs.map +1 -1
  5. package/dist/athameui.mjs +24 -3
  6. package/dist/athameui.mjs.map +1 -1
  7. package/dist/components/Button/Button.d.ts +1 -0
  8. package/dist/components/Button/Button.d.ts.map +1 -1
  9. package/dist/components/Button/button.variants.d.ts +1 -0
  10. package/dist/components/Button/button.variants.d.ts.map +1 -1
  11. package/dist/styles/breakpoints.d.ts +16 -0
  12. package/dist/styles/breakpoints.d.ts.map +1 -1
  13. package/dist/styles/breakpoints.ts +21 -0
  14. package/dist/styles/components/button.css +4 -1
  15. package/package.json +1 -1
  16. package/styles/breakpoints.ts +21 -0
  17. package/styles/components/button.css +4 -1
package/dist/components/Button/Button.d.ts CHANGED
@@ -20,6 +20,7 @@ export type ButtonProps = {
20
20
  textPosition?: "left" | "center" | "right";
21
21
  type?: "button" | "submit" | "reset";
22
22
  variant?: ButtonVariant;
23
+ wrap?: boolean;
23
24
  onBlur?: (event: React.FocusEvent<HTMLButtonElement>) => void;
24
25
  onClick?: MouseEventHandler<HTMLButtonElement>;
25
26
  onFocus?: (event: React.FocusEvent<HTMLButtonElement>) => void;
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;IAExB,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,2GA8FlB,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,2GAiGlB,CAAC"}
package/dist/components/Button/button.variants.d.ts CHANGED
@@ -21,6 +21,7 @@ export declare const buttonVariants: {
21
21
  readonly ghost: "ath-button-ghost";
22
22
  };
23
23
  readonly dark: "ath-button-dark";
24
+ readonly wrap: "ath-button-wrap";
24
25
  };
25
26
  export type ButtonSize = keyof typeof buttonVariants.size;
26
27
  export type ButtonVariant = keyof typeof buttonVariants.variant;
package/dist/components/Button/button.variants.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"button.variants.d.ts","sourceRoot":"","sources":["../../../components/Button/button.variants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;CAuBjB,CAAC;AAEX,MAAM,MAAM,UAAU,GAAG,MAAM,OAAO,cAAc,CAAC,IAAI,CAAC;AAC1D,MAAM,MAAM,aAAa,GAAG,MAAM,OAAO,cAAc,CAAC,OAAO,CAAC;AAChE,MAAM,MAAM,UAAU,GAAG,OAAO,cAAc,CAAC,IAAI,CAAC;AACpD,MAAM,MAAM,kBAAkB,GAAG,MAAM,OAAO,cAAc,CAAC,YAAY,CAAC"}
1
+ {"version":3,"file":"button.variants.d.ts","sourceRoot":"","sources":["../../../components/Button/button.variants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;CAwBjB,CAAC;AAEX,MAAM,MAAM,UAAU,GAAG,MAAM,OAAO,cAAc,CAAC,IAAI,CAAC;AAC1D,MAAM,MAAM,aAAa,GAAG,MAAM,OAAO,cAAc,CAAC,OAAO,CAAC;AAChE,MAAM,MAAM,UAAU,GAAG,OAAO,cAAc,CAAC,IAAI,CAAC;AACpD,MAAM,MAAM,kBAAkB,GAAG,MAAM,OAAO,cAAc,CAAC,YAAY,CAAC"}
package/dist/styles/breakpoints.d.ts CHANGED
@@ -10,4 +10,20 @@ export declare const breakpoints: {
10
10
  };
11
11
  export type Breakpoints = typeof breakpoints;
12
12
  export type Breakpoint = keyof typeof breakpoints;
13
+ export declare const minXs: string;
14
+ export declare const minSm: string;
15
+ export declare const minMd: string;
16
+ export declare const minLg: string;
17
+ export declare const minXl: string;
18
+ export declare const min2xl: string;
19
+ export declare const min3xl: string;
20
+ export declare const min4xl: string;
21
+ export declare const maxXs: string;
22
+ export declare const maxSm: string;
23
+ export declare const maxMd: string;
24
+ export declare const maxLg: string;
25
+ export declare const maxXl: string;
26
+ export declare const max2xl: string;
27
+ export declare const max3xl: string;
28
+ export declare const max4xl: string;
13
29
  //# sourceMappingURL=breakpoints.d.ts.map
package/dist/styles/breakpoints.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"breakpoints.d.ts","sourceRoot":"","sources":["../../styles/breakpoints.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,WAAW;;;;;;;;;CASd,CAAC;AAEX,MAAM,MAAM,WAAW,GAAG,OAAO,WAAW,CAAC;AAC7C,MAAM,MAAM,UAAU,GAAG,MAAM,OAAO,WAAW,CAAC"}
1
+ {"version":3,"file":"breakpoints.d.ts","sourceRoot":"","sources":["../../styles/breakpoints.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,WAAW;;;;;;;;;CASd,CAAC;AAEX,MAAM,MAAM,WAAW,GAAG,OAAO,WAAW,CAAC;AAC7C,MAAM,MAAM,UAAU,GAAG,MAAM,OAAO,WAAW,CAAC;AAKlD,eAAO,MAAM,KAAK,QAA2B,CAAC;AAC9C,eAAO,MAAM,KAAK,QAA2B,CAAC;AAC9C,eAAO,MAAM,KAAK,QAA2B,CAAC;AAC9C,eAAO,MAAM,KAAK,QAA2B,CAAC;AAC9C,eAAO,MAAM,KAAK,QAA2B,CAAC;AAC9C,eAAO,MAAM,MAAM,QAA+B,CAAC;AACnD,eAAO,MAAM,MAAM,QAA+B,CAAC;AACnD,eAAO,MAAM,MAAM,QAA+B,CAAC;AAEnD,eAAO,MAAM,KAAK,QAA2B,CAAC;AAC9C,eAAO,MAAM,KAAK,QAA2B,CAAC;AAC9C,eAAO,MAAM,KAAK,QAA2B,CAAC;AAC9C,eAAO,MAAM,KAAK,QAA2B,CAAC;AAC9C,eAAO,MAAM,KAAK,QAA2B,CAAC;AAC9C,eAAO,MAAM,MAAM,QAA+B,CAAC;AACnD,eAAO,MAAM,MAAM,QAA+B,CAAC;AACnD,eAAO,MAAM,MAAM,QAA+B,CAAC"}
package/dist/styles/breakpoints.ts CHANGED
@@ -11,3 +11,24 @@ export const breakpoints = {
11
11
 
12
12
  export type Breakpoints = typeof breakpoints;
13
13
  export type Breakpoint = keyof typeof breakpoints;
14
+
15
+ const minWidth = (width: number) => `@media (min-width: ${width}px)`;
16
+ const maxWidth = (width: number) => `@media (max-width: ${width - 1}px)`;
17
+
18
+ export const minXs = minWidth(breakpoints.xs);
19
+ export const minSm = minWidth(breakpoints.sm);
20
+ export const minMd = minWidth(breakpoints.md);
21
+ export const minLg = minWidth(breakpoints.lg);
22
+ export const minXl = minWidth(breakpoints.xl);
23
+ export const min2xl = minWidth(breakpoints["2xl"]);
24
+ export const min3xl = minWidth(breakpoints["3xl"]);
25
+ export const min4xl = minWidth(breakpoints["4xl"]);
26
+
27
+ export const maxXs = maxWidth(breakpoints.xs);
28
+ export const maxSm = maxWidth(breakpoints.sm);
29
+ export const maxMd = maxWidth(breakpoints.md);
30
+ export const maxLg = maxWidth(breakpoints.lg);
31
+ export const maxXl = maxWidth(breakpoints.xl);
32
+ export const max2xl = maxWidth(breakpoints["2xl"]);
33
+ export const max3xl = maxWidth(breakpoints["3xl"]);
34
+ export const max4xl = maxWidth(breakpoints["4xl"]);
package/dist/styles/components/button.css CHANGED
@@ -7,7 +7,6 @@
7
7
  cursor: pointer;
8
8
  display: flex;
9
9
  align-items: center;
10
- white-space: nowrap;
11
10
 
12
11
  transition:
13
12
  box-shadow 0.2s ease-in-out,
@@ -68,6 +67,10 @@
68
67
  }
69
68
  }
70
69
 
70
+ .ath-button-wrap {
71
+ white-space: nowrap;
72
+ }
73
+
71
74
  .ath-button-small {
72
75
  font-size: var(--font-size-md);
73
76
  line-height: var(--font-size-md);
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "athameui",
3
3
  "private": false,
4
- "version": "0.0.10",
4
+ "version": "0.0.11",
5
5
  "type": "module",
6
6
  "main": "./dist/athameui.cjs",
7
7
  "module": "./dist/athameui.mjs",
package/styles/breakpoints.ts CHANGED
@@ -11,3 +11,24 @@ export const breakpoints = {
11
11
 
12
12
  export type Breakpoints = typeof breakpoints;
13
13
  export type Breakpoint = keyof typeof breakpoints;
14
+
15
+ const minWidth = (width: number) => `@media (min-width: ${width}px)`;
16
+ const maxWidth = (width: number) => `@media (max-width: ${width - 1}px)`;
17
+
18
+ export const minXs = minWidth(breakpoints.xs);
19
+ export const minSm = minWidth(breakpoints.sm);
20
+ export const minMd = minWidth(breakpoints.md);
21
+ export const minLg = minWidth(breakpoints.lg);
22
+ export const minXl = minWidth(breakpoints.xl);
23
+ export const min2xl = minWidth(breakpoints["2xl"]);
24
+ export const min3xl = minWidth(breakpoints["3xl"]);
25
+ export const min4xl = minWidth(breakpoints["4xl"]);
26
+
27
+ export const maxXs = maxWidth(breakpoints.xs);
28
+ export const maxSm = maxWidth(breakpoints.sm);
29
+ export const maxMd = maxWidth(breakpoints.md);
30
+ export const maxLg = maxWidth(breakpoints.lg);
31
+ export const maxXl = maxWidth(breakpoints.xl);
32
+ export const max2xl = maxWidth(breakpoints["2xl"]);
33
+ export const max3xl = maxWidth(breakpoints["3xl"]);
34
+ export const max4xl = maxWidth(breakpoints["4xl"]);
package/styles/components/button.css CHANGED
@@ -7,7 +7,6 @@
7
7
  cursor: pointer;
8
8
  display: flex;
9
9
  align-items: center;
10
- white-space: nowrap;
11
10
 
12
11
  transition:
13
12
  box-shadow 0.2s ease-in-out,
@@ -68,6 +67,10 @@
68
67
  }
69
68
  }
70
69
 
70
+ .ath-button-wrap {
71
+ white-space: nowrap;
72
+ }
73
+
71
74
  .ath-button-small {
72
75
  font-size: var(--font-size-md);
73
76
  line-height: var(--font-size-md);