@loomhq/lens 10.66.1 → 10.66.3

package/dist/components/base-styles/base-styles.js

@@ -7,9 +7,6 @@ const buildGlobalStylesheet = (rootElement = ':root', bodyElement = 'body') => {
     return `
     ${rootElement} {
       font-size: 100%;
-      --lns-radius-thread-large: var(--lns-radius-large);
-      --lns-radius-thread-xlarge: var(--lns-radius-xlarge);
-      --lns-radius-thread-full: var(--lns-radius-full);
     }
     ${bodyElement} {
       font-family: circular, -apple-system, BlinkMacSystemFont, Segoe UI,

package/dist/components/checkbox/checkbox.js

@@ -21,8 +21,11 @@ const CheckboxWrapper = styled.div `
   position: relative;
 `;
 const CheckboxInput = styled.input `
-  position: absolute;
+  height: 100%;
+  margin: 0;
   opacity: 0;
+  position: absolute;
+  width: 100%;
 
   &:not(:disabled) {
     cursor: pointer;

package/dist/components/container/container.js

@@ -59,15 +59,7 @@ const Container = (_a) => {
     return (React.createElement(ContainerWrapper, Object.assign({ backgroundColor: backgroundColor, contentColor: contentColor, borderColor: borderColor, radius: radius, borderSide: borderSide, shadow: shadow, padding: padding, paddingLeft: paddingX || paddingLeft, paddingRight: paddingX || paddingRight, paddingTop: paddingY || paddingTop, paddingBottom: paddingY || paddingBottom, margin: margin, marginLeft: marginX || marginLeft, marginRight: marginX || marginRight, marginTop: marginY || marginTop, marginBottom: marginY || marginBottom, width: width, height: height, minWidth: minWidth, minHeight: minHeight, maxWidth: maxWidth, maxHeight: maxHeight, as: htmlTag, position: position, top: top, bottom: bottom, left: left, right: right, overflow: overflow, zIndex: zIndex, borderWidth: borderWidth }, props), children));
 };
 export const availableBorderSides = ['all', 'left', 'right', 'top', 'bottom'];
-export const availableRadii = [
-    'medium',
-    'large',
-    'xlarge',
-    'full',
-    'thdMediumToLarge',
-    'thdMediumToXlarge',
-    'thdMediumToFull',
-];
+export const availableRadii = ['medium', 'large', 'xlarge', 'full'];
 export const availableHtmlTags = [
     'div',
     'header',

package/dist/components/text/text.d.ts

@@ -16,7 +16,7 @@ export declare const availableHtmlTags: string[];
 export declare const alignments: string[];
 interface TextProps {
     size?: 'small' | 'medium' | 'large' | 'xlarge' | 'xxlarge' | 'xxxlarge';
-    fontWeight?: 'book' | 'medium' | 'bold' | 'black';
+    fontWeight?: 'regular' | 'medium' | 'bold' | 'black';
     variant?: 'body' | 'title' | 'mainTitle';
     alignment?: 'left' | 'right' | 'center';
     color?: string;

package/dist/components/text/text.js

@@ -18,7 +18,7 @@ export const dimAmount = 0.6;
 export const variants = {
     body: {
         size: 'medium',
-        fontWeight: 'book',
+        fontWeight: 'regular',
     },
     title: {
         size: 'large',
@@ -77,7 +77,7 @@ const TextWrapper = styled.span `
   `}
 `;
 const Text = (_a) => {
-    var { children, size = 'medium', color, isInline, isDimmed, fontWeight = 'book', hasEllipsis, ellipsisLines, variant, htmlTag = 'span', alignment, sizeMinMax } = _a, props = __rest(_a, ["children", "size", "color", "isInline", "isDimmed", "fontWeight", "hasEllipsis", "ellipsisLines", "variant", "htmlTag", "alignment", "sizeMinMax"]);
+    var { children, size = 'medium', color, isInline, isDimmed, fontWeight = 'regular', hasEllipsis, ellipsisLines, variant, htmlTag = 'span', alignment, sizeMinMax } = _a, props = __rest(_a, ["children", "size", "color", "isInline", "isDimmed", "fontWeight", "hasEllipsis", "ellipsisLines", "variant", "htmlTag", "alignment", "sizeMinMax"]);
     if (isDimmed) {
         console.warn(textIsDimmedDeprecated);
     }
@@ -91,7 +91,7 @@ export const availableSizes = [
     'xxlarge',
     'xxxlarge',
 ];
-export const availableFontWeights = ['book', 'medium', 'bold', 'black'];
+export const availableFontWeights = ['regular', 'medium'];
 export const availableHtmlTags = ['h1', 'h2', 'h3', 'h4', 'p', 'span', 'div'];
 export const alignments = ['left', 'right', 'center'];
 export default Text;

package/dist/variables.d.ts

@@ -36,7 +36,7 @@ export namespace textSizes {
     }
 }
 export namespace fontWeights {
-    export const book: number;
+    export const regular: number;
     const medium_1: number;
     export { medium_1 as medium };
     export const bold: number;
@@ -50,9 +50,6 @@ export namespace radii {
     const xlarge_1: string;
     export { xlarge_1 as xlarge };
     export const full: string;
-    export const thdMediumToLarge: string;
-    export const thdMediumToXlarge: string;
-    export const thdMediumToFull: string;
 }
 export namespace shadows {
     const small_1: string;

package/dist/variables.js

@@ -27,7 +27,7 @@ export const textSizes = {
     },
 };
 export const fontWeights = {
-    book: 400,
+    regular: 400,
     medium: 500,
     bold: 700,
     black: 900,
@@ -37,9 +37,6 @@ export const radii = {
     large: u(2),
     xlarge: u(3),
     full: u(999),
-    thdMediumToLarge: 'var(--lns-radius-thread-large)',
-    thdMediumToXlarge: 'var(--lns-radius-thread-xlarge)',
-    thdMediumToFull: 'var(--lns-radius-thread-full)',
 };
 export const shadows = {
     small: `0 ${u(0.5)} ${u(1.25)} hsla(0, 0%, 0%, 0.05)`,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@loomhq/lens",
-  "version": "10.66.1",
+  "version": "10.66.3",
   "scripts": {
     "dev": "next",
     "build:next": "next build",