@proximus/lavender-common 1.0.0-alpha.77 → 1.0.0-alpha.78

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/breakpoints.d.ts +18 -0
  2. package/dist/common.d.ts +130 -0
  3. package/dist/index.d.ts +2 -0
  4. package/package.json +2 -2
package/dist/breakpoints.d.ts ADDED
@@ -0,0 +1,18 @@
1
+ export declare function cssTokenBreakpoints(attributeName: string, selector: (attributeName: string, attribute: string, device?: 'mobile' | 'tablet' | 'laptop' | 'desktop') => string, attributeValues: string[], cssPropertyPrefix?: string, generatedCssPropertyName?: string): CSSStyleSheet;
2
+ export declare class AttributeBreakpointHandlerDelegate {
3
+ private readonly component;
4
+ private readonly attributeName;
5
+ private readonly cssVariable;
6
+ private readonly attributeNameMobile;
7
+ private readonly attributeNameTablet;
8
+ private readonly attributeNameLaptop;
9
+ private readonly attributeNameDesktop;
10
+ private _attributeValue;
11
+ constructor(component: HTMLElement, attributeName: string, attributeValue: (newValue: string, device: string) => string, cssVariable: string);
12
+ private toCamelCase;
13
+ init(defaultValue: string): void;
14
+ attributeChangedCallback(attrName: string, oldValue: string, newValue: string): void;
15
+ private setCSSProperty;
16
+ private setCSSProperties;
17
+ set attributeValue(value: (newValue: string, device: string) => string);
18
+ }
package/dist/common.d.ts ADDED
@@ -0,0 +1,130 @@
1
+ export declare function getSupportedAttributeNames(htmlElementName: string): string[];
2
+ export declare class WithExtraAttributes extends HTMLElement {
3
+ static get observedAttributes(): string[];
4
+ constructor(...adoptedStylesheets: CSSStyleSheet[]);
5
+ attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
6
+ updateProperties<T extends readonly string[]>(name: string, oldValue: string, newValue: string, attrValue: T): void;
7
+ updateStyle(cssName: string, breakpoint: string, value: string | null): void;
8
+ checkName<T extends readonly string[]>(values: T, value: string): boolean;
9
+ get $el(): Element;
10
+ get $parentElementName(): string;
11
+ get isGrid(): boolean;
12
+ get isStack(): boolean;
13
+ get grow(): string;
14
+ set grow(value: string);
15
+ get growMobile(): string;
16
+ set growMobile(value: string);
17
+ get growTablet(): string;
18
+ set growTablet(value: string);
19
+ get growLaptop(): string;
20
+ set growLaptop(value: string);
21
+ get growDesktop(): string;
22
+ set growDesktop(value: string);
23
+ get shrink(): string;
24
+ set shrink(value: string);
25
+ get shrinkMobile(): string;
26
+ set shrinkMobile(value: string);
27
+ get shrinkTablet(): string;
28
+ set shrinkTablet(value: string);
29
+ get shrinkLaptop(): string;
30
+ set shrinkLaptop(value: string);
31
+ get shrinkDesktop(): string;
32
+ set shrinkDesktop(value: string);
33
+ get basis(): string;
34
+ set basis(value: string);
35
+ get basisMobile(): string;
36
+ set basisMobile(value: string);
37
+ get basisTablet(): string;
38
+ set basisTablet(value: string);
39
+ get basisLaptop(): string;
40
+ set basisLaptop(value: string);
41
+ get basisDesktop(): string;
42
+ set basisDesktop(value: string);
43
+ get alignSelf(): string;
44
+ set alignSelf(value: string);
45
+ get alignSelfMobile(): string;
46
+ set alignSelfMobile(value: string);
47
+ get alignSelfTablet(): string;
48
+ set alignSelfTablet(value: string);
49
+ get alignSelfLaptop(): string;
50
+ set alignSelfLaptop(value: string);
51
+ get alignSelfDesktop(): string;
52
+ set alignSelfDesktop(value: string);
53
+ get justifySelf(): string;
54
+ set justifySelf(value: string);
55
+ get justifySelfMobile(): string;
56
+ set justifySelfMobile(value: string);
57
+ get justifySelfTablet(): string;
58
+ set justifySelfTablet(value: string);
59
+ get justifySelfLaptop(): string;
60
+ set justifySelfLaptop(value: string);
61
+ get justifySelfDesktop(): string;
62
+ set justifySelfDesktop(value: string);
63
+ get hiddenMobile(): string;
64
+ set hiddenMobile(value: string);
65
+ get hiddenTablet(): string;
66
+ set hiddenTablet(value: string);
67
+ get hiddenLaptop(): string;
68
+ set hiddenLaptop(value: string);
69
+ get hiddenDesktop(): string;
70
+ set hiddenDesktop(value: string);
71
+ get colSpan(): string;
72
+ set colSpan(value: string);
73
+ get colSpanMobile(): string;
74
+ set colSpanMobile(value: string);
75
+ get colSpanTablet(): string;
76
+ set colSpanTablet(value: string);
77
+ get colSpanLaptop(): string;
78
+ set colSpanLaptop(value: string);
79
+ get colSpanDesktop(): string;
80
+ set colSpanDesktop(value: string);
81
+ get order(): string;
82
+ set order(value: string);
83
+ get orderMobile(): string;
84
+ set orderMobile(value: string);
85
+ get orderTablet(): string;
86
+ set orderTablet(value: string);
87
+ get orderLaptop(): string;
88
+ set orderLaptop(value: string);
89
+ get orderDesktop(): string;
90
+ set orderDesktop(value: string);
91
+ }
92
+ export declare abstract class PxElement<HTML_TYPE extends Element> extends WithExtraAttributes {
93
+ static nativeName: string;
94
+ nativeName: string;
95
+ static get observedAttributes(): string[];
96
+ attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
97
+ protected constructor(...adoptedStylesheets: CSSStyleSheet[]);
98
+ connectedCallback(): void;
99
+ get $el(): HTML_TYPE;
100
+ }
101
+ export declare const gridGapValues: string[];
102
+ export declare const flexboxAlignSelfValues: readonly ["", "default", "auto", "flex-start", "flex-end", "center", "baseline", "stretch"];
103
+ export declare const cssGridAlignSelfValues: readonly ["", "default", "start", "end", "center", "stretch"];
104
+ export declare const cssGridJustifySelfValues: readonly ["", "default", "start", "end", "center", "stretch"];
105
+ export declare const cssGridColSpanValues: string[];
106
+ export declare const cssGridOrderValues: string[];
107
+ export declare const cssGridPlaceSelfValues: string[];
108
+ export declare const fontsizeValues: string[];
109
+ export declare const colorValues: string[];
110
+ export declare const fontweightValues: string[];
111
+ export declare const iconSizeValues: string[];
112
+ export declare const textalignValues: string[];
113
+ export declare const paddingValues: string[];
114
+ export declare const borderValues: string[];
115
+ export declare const borderRadiusValues: string[];
116
+ export declare const borderColorValues: string[];
117
+ export declare const borderSideValues: string[];
118
+ export declare const backgroundColorValues: string[];
119
+ export declare const backgroundSizeValues: string[];
120
+ export declare const boxShadowValues: string[];
121
+ export declare const headingValues: string[];
122
+ export declare const gradientValues: string[];
123
+ export declare const gapValues: string[];
124
+ export declare const noBorderRadiusValues: string[];
125
+ export declare const assetContainerImgWidthValues: string[];
126
+ export declare function addGlobalStylesheet(inlineStyles: string): void;
127
+ export declare function isFalsy(value: string | boolean): boolean;
128
+ export declare function getViewportFormat(): "mobile" | "tablet" | "laptop";
129
+ export declare function checkName(values: string[], value: string): boolean;
130
+ export declare function transferAccessibilityAttributes(sourceElement: HTMLElement, targetElement: HTMLElement, applyLabelledBy?: boolean): void;
package/dist/index.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ export * from './common';
2
+ export * from './breakpoints';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@proximus/lavender-common",
3
- "version": "1.0.0-alpha.77",
3
+ "version": "1.0.0-alpha.78",
4
4
  "description": "",
5
5
  "main": "dist/index.es.js",
6
6
  "type": "module",
@@ -10,7 +10,7 @@
10
10
  "scripts": {
11
11
  "transform-package-json": "node ../../../scripts/tranformPackageJson.js package.json dist/far/away",
12
12
  "clean": "rm -rf dist",
13
- "build": "npm run clean && tsc && NODE_ENV=development vite build && npm run transform-package-json",
13
+ "build": "npm run clean && NODE_ENV=development vite build && tsc && npm run transform-package-json",
14
14
  "test": "vitest run --coverage"
15
15
  },
16
16
  "publishConfig": {