@wrdagency/blockout 1.0.13 → 1.0.15

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 (5) hide show
  1. package/dist/assets/index2.css +1 -1
  2. package/dist/assets/index8.css +1 -1
  3. package/dist/components/avatar/index.d.ts +1 -1
  4. package/dist/components/avatar/index.js +1 -1
  5. package/package.json +1 -1
package/dist/assets/index2.css CHANGED
@@ -1 +1 @@
1
- .component-avatar{--component-avatar__size: 2.5rem;--component-avatar__gap: .675rem;--component-avatar__font-size: 1rem;display:flex;align-items:center;gap:var(--component-avatar__gap)}.component-avatar__image,.component-avatar__fallback{display:flex;align-items:center;justify-content:center;width:var(--component-avatar__size);height:var(--component-avatar__size);border-radius:var(--component-avatar__size);background-color:var(--blockout__colours__colourway--light);color:var(--blockout__colours__colourway--dark);font-size:calc(var(--component-avatar__size) / 2)}.component-avatar__name{font-size:var(--component-avatar__font-size);font-weight:400;color:var(--blockout__colours__surface--950)}.component-avatar--size-small{--component-avatar__size: 1.25rem;--component-avatar__gap: .5rem;--component-avatar__font-size: 1rem}.component-avatar--size-large{--component-avatar__size: 3rem;--component-avatar__gap: .875rem;--component-avatar__font-size: 1.125rem}
1
+ .component-avatar{--component-avatar__size: 2rem;--component-avatar__gap: .5rem;--component-avatar__font-size: .75rem;display:flex;align-items:center;gap:var(--component-avatar__gap)}.component-avatar__image,.component-avatar__fallback{display:flex;align-items:center;justify-content:center;width:var(--component-avatar__size);height:var(--component-avatar__size);border-radius:var(--component-avatar__size);background-color:var(--blockout__colours__colourway--light);color:var(--blockout__colours__colourway--dark);font-size:calc(var(--component-avatar__size) / 2)}.component-avatar__name{font-size:var(--component-avatar__font-size);font-weight:400;color:var(--blockout__colours__surface--950)}.component-avatar--size-x-small{--component-avatar__size: 1.25rem;--component-avatar__gap: .5rem;--component-avatar__font-size: .675rem}.component-avatar--size-small{--component-avatar__size: 1.5rem;--component-avatar__gap: .5rem;--component-avatar__font-size: .75rem}.component-avatar--size-large{--component-avatar__size: 2.5rem;--component-avatar__gap: .675rem;--component-avatar__font-size: .875rem}.component-avatar--size-x-large{--component-avatar__size: 3rem;--component-avatar__gap: .875rem;--component-avatar__font-size: 1rem}
package/dist/assets/index8.css CHANGED
@@ -1 +1 @@
1
- :root:has(.component-shell),html:has(.component-shell){overflow:hidden}.component-shell{display:grid;grid-template-columns:13rem 1fr;grid-template-rows:3.5rem 1fr;grid-template-areas:"sidebar navigation" "sidebar main";background-color:var(--blockout__colours__surface--100);width:100%;height:100vh;height:100dvh;overflow:hidden}.component-shell__sidebar{grid-area:sidebar;min-width:0;min-height:0}.component-shell__navigation{grid-area:navigation;min-width:0;min-height:0;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;padding-right:.5rem}.component-shell__panes{grid-area:main;min-width:0;min-height:0;border-top-left-radius:var(--blockout__radius--2xl);overflow:hidden;display:flex;flex-wrap:wrap;gap:1rem}.component-shell__pane{background-color:var(--blockout__colours__surface--0);border-top-left-radius:var(--blockout__radius--lg);height:100%;min-width:min(var(--pane-min-width),100vw);flex:var(--pane-weight)}.component-shell__pane:not(:last-child){border-top-right-radius:var(--blockout__radius--lg)}.component-shell__pane__scroll-area>.primitive-scroll-area__viewport{padding:1.5rem}@media (width >= 40rem){.component-shell__pane__scroll-area>.primitive-scroll-area__viewport{padding:2rem}}@media (width >= 48rem){.component-shell__pane__scroll-area>.primitive-scroll-area__viewport{padding:2.5rem}}@media (width >= 64rem){.component-shell__pane__scroll-area>.primitive-scroll-area__viewport{padding:3rem}}.component-shell__panes>.primitive-scroll-area__viewport>div{height:100%}.component-shell__pane--edgeless-top .component-shell__pane__scroll-area>.primitive-scroll-area__viewport{padding-top:0!important}.component-shell__pane--edgeless-right .component-shell__pane__scroll-area>.primitive-scroll-area__viewport{padding-right:0!important}.component-shell__pane--edgeless-bottom .component-shell__pane__scroll-area>.primitive-scroll-area__viewport{padding-bottom:0!important}.component-shell__pane--edgeless-left .component-shell__pane__scroll-area>.primitive-scroll-area__viewport{padding-left:0!important}.component-shell__pane--edgeless-x .component-shell__pane__scroll-area>.primitive-scroll-area__viewport{padding-left:0!important;padding-right:0!important}.component-shell__pane--edgeless-y .component-shell__pane__scroll-area>.primitive-scroll-area__viewport{padding-top:0!important;padding-bottom:0!important}.component-shell__pane--edgeless-all .component-shell__pane__scroll-area>.primitive-scroll-area__viewport{padding:0!important}
1
+ :root:has(.component-shell),html:has(.component-shell){overflow:hidden}.component-shell{display:grid;grid-template-columns:13rem 1fr;grid-template-rows:3.5rem 1fr;grid-template-areas:"sidebar navigation" "sidebar main";background-color:var(--blockout__colours__surface--100);width:100%;height:100vh;height:100dvh;overflow:hidden}.component-shell__sidebar{grid-area:sidebar;min-width:0;min-height:0}.component-shell__navigation{grid-area:navigation;min-width:0;min-height:0;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;padding-right:.5rem}.component-shell__panes{grid-area:main;min-width:0;min-height:0;border-top-left-radius:var(--blockout__radius--2xl);overflow:hidden;display:flex;flex-wrap:wrap;gap:1rem}.component-shell__pane{background-color:var(--blockout__colours__surface--0);border-top-left-radius:var(--blockout__radius--lg);height:100%;min-width:min(var(--pane-min-width),100vw);flex:var(--pane-weight)}.component-shell__pane:not(:last-child){border-top-right-radius:var(--blockout__radius--lg)}.component-shell__pane__scroll-area>.primitive-scroll-area__viewport{padding:1.5rem}@media (width >= 40rem){.component-shell__pane__scroll-area>.primitive-scroll-area__viewport{padding:2rem}}@media (width >= 48rem){.component-shell__pane__scroll-area>.primitive-scroll-area__viewport{padding:2.5rem}}@media (width >= 64rem){.component-shell__pane__scroll-area>.primitive-scroll-area__viewport{padding:3rem}}.component-shell__pane__scroll-area>.primitive-scroll-area__viewport>div{height:100%}.component-shell__pane--edgeless-top .component-shell__pane__scroll-area>.primitive-scroll-area__viewport{padding-top:0!important}.component-shell__pane--edgeless-right .component-shell__pane__scroll-area>.primitive-scroll-area__viewport{padding-right:0!important}.component-shell__pane--edgeless-bottom .component-shell__pane__scroll-area>.primitive-scroll-area__viewport{padding-bottom:0!important}.component-shell__pane--edgeless-left .component-shell__pane__scroll-area>.primitive-scroll-area__viewport{padding-left:0!important}.component-shell__pane--edgeless-x .component-shell__pane__scroll-area>.primitive-scroll-area__viewport{padding-left:0!important;padding-right:0!important}.component-shell__pane--edgeless-y .component-shell__pane__scroll-area>.primitive-scroll-area__viewport{padding-top:0!important;padding-bottom:0!important}.component-shell__pane--edgeless-all .component-shell__pane__scroll-area>.primitive-scroll-area__viewport{padding:0!important}
package/dist/components/avatar/index.d.ts CHANGED
@@ -3,7 +3,7 @@ interface AvatarProps {
3
3
  className?: string;
4
4
  image?: string;
5
5
  name?: string;
6
- size?: "small" | "normal" | "large";
6
+ size?: "x-small" | "small" | "medium" | "large" | "x-large";
7
7
  withName?: boolean;
8
8
  }
9
9
  export declare const Avatar: FC<AvatarProps>;
package/dist/components/avatar/index.js CHANGED
@@ -18,7 +18,7 @@ const I = ({
18
18
  className: r,
19
19
  image: t = "",
20
20
  name: o = "",
21
- size: a = "normal",
21
+ size: a = "medium",
22
22
  withName: i = !1
23
23
  }) => {
24
24
  const p = c(() => f(o, 2), [o]);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wrdagency/blockout",
3
- "version": "1.0.13",
3
+ "version": "1.0.15",
4
4
  "description": "A React component library created by WRD.agency",
5
5
  "type": "module",
6
6
  "main": "dist/index.js",