@rgrmdesign/rgrm-ds-elements 0.4.0 → 0.5.0

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 (8) hide show
  1. package/dist/chunk-KEPEF6MY.js +36 -0
  2. package/dist/chunk-KEPEF6MY.js.map +1 -0
  3. package/dist/index.d.ts +2 -0
  4. package/dist/index.js +12 -0
  5. package/dist/root/index.d.ts +13 -0
  6. package/dist/root/index.js +15 -0
  7. package/dist/root/index.js.map +1 -0
  8. package/package.json +10 -5
package/dist/chunk-KEPEF6MY.js ADDED
@@ -0,0 +1,36 @@
1
+ // src/root/index.ts
2
+ import "@rgrmdesign/rgrm-ds-css/root";
3
+ import {
4
+ RGRM_ROOT_CLASS,
5
+ applyRootDocumentClasses as applyRootDocumentClasses2,
6
+ removeRootDocumentClasses as removeRootDocumentClasses2
7
+ } from "@rgrmdesign/rgrm-ds-core/root";
8
+
9
+ // src/root/root-element.ts
10
+ import {
11
+ applyRootDocumentClasses,
12
+ removeRootDocumentClasses
13
+ } from "@rgrmdesign/rgrm-ds-core/root";
14
+ var RGRM_ROOT_TAG = "rgrm-root";
15
+ var RgrmRootElement = class extends HTMLElement {
16
+ connectedCallback() {
17
+ applyRootDocumentClasses();
18
+ }
19
+ disconnectedCallback() {
20
+ removeRootDocumentClasses();
21
+ }
22
+ };
23
+
24
+ // src/root/index.ts
25
+ if (!customElements.get(RGRM_ROOT_TAG)) {
26
+ customElements.define(RGRM_ROOT_TAG, RgrmRootElement);
27
+ }
28
+
29
+ export {
30
+ RGRM_ROOT_TAG,
31
+ RgrmRootElement,
32
+ RGRM_ROOT_CLASS,
33
+ applyRootDocumentClasses2 as applyRootDocumentClasses,
34
+ removeRootDocumentClasses2 as removeRootDocumentClasses
35
+ };
36
+ //# sourceMappingURL=chunk-KEPEF6MY.js.map
package/dist/chunk-KEPEF6MY.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/root/index.ts","../src/root/root-element.ts"],"sourcesContent":["import '@rgrmdesign/rgrm-ds-css/root';\n\nexport {\n RGRM_ROOT_CLASS,\n applyRootDocumentClasses,\n removeRootDocumentClasses,\n} from '@rgrmdesign/rgrm-ds-core/root';\nexport { RGRM_ROOT_TAG, RgrmRootElement } from './root-element.js';\n\nimport { RGRM_ROOT_TAG, RgrmRootElement } from './root-element.js';\n\nif (!customElements.get(RGRM_ROOT_TAG)) {\n customElements.define(RGRM_ROOT_TAG, RgrmRootElement);\n}\n","import {\n applyRootDocumentClasses,\n removeRootDocumentClasses,\n} from '@rgrmdesign/rgrm-ds-core/root';\n\nexport const RGRM_ROOT_TAG = 'rgrm-root';\n\n/**\n * Activates document-level root styles on `<html>` and `<body>`.\n * Place once in the document (e.g. first child of `<body>`).\n */\nexport class RgrmRootElement extends HTMLElement {\n connectedCallback(): void {\n applyRootDocumentClasses();\n }\n\n disconnectedCallback(): void {\n removeRootDocumentClasses();\n }\n}\n"],"mappings":";AAAA,OAAO;AAEP;AAAA,EACE;AAAA,EACA,4BAAAA;AAAA,EACA,6BAAAC;AAAA,OACK;;;ACNP;AAAA,EACE;AAAA,EACA;AAAA,OACK;AAEA,IAAM,gBAAgB;AAMtB,IAAM,kBAAN,cAA8B,YAAY;AAAA,EAC/C,oBAA0B;AACxB,6BAAyB;AAAA,EAC3B;AAAA,EAEA,uBAA6B;AAC3B,8BAA0B;AAAA,EAC5B;AACF;;;ADRA,IAAI,CAAC,eAAe,IAAI,aAAa,GAAG;AACtC,iBAAe,OAAO,eAAe,eAAe;AACtD;","names":["applyRootDocumentClasses","removeRootDocumentClasses"]}
package/dist/index.d.ts CHANGED
@@ -4,5 +4,7 @@ export { HeadingAppearance, HeadingLevel, headingClassNames } from '@rgrmdesign/
4
4
  export { RGRM_HEADING_TAG, RgrmHeadingElement } from './heading/index.js';
5
5
  export { ParagraphSize, paragraphClassNames } from '@rgrmdesign/rgrm-ds-core/paragraph';
6
6
  export { RGRM_PARAGRAPH_TAG, RgrmParagraphElement } from './paragraph/index.js';
7
+ export { RGRM_ROOT_CLASS, applyRootDocumentClasses, removeRootDocumentClasses } from '@rgrmdesign/rgrm-ds-core/root';
8
+ export { RGRM_ROOT_TAG, RgrmRootElement } from './root/index.js';
7
9
  export { SectionSpacing, SectionTheme, SectionWidth, sectionClassNames, sectionContainerClassNames } from '@rgrmdesign/rgrm-ds-core/section';
8
10
  export { RGRM_SECTION_TAG, RgrmSectionElement } from './section/index.js';
package/dist/index.js CHANGED
@@ -13,6 +13,13 @@ import {
13
13
  RgrmParagraphElement,
14
14
  paragraphClassNames
15
15
  } from "./chunk-D4TJU75K.js";
16
+ import {
17
+ RGRM_ROOT_CLASS,
18
+ RGRM_ROOT_TAG,
19
+ RgrmRootElement,
20
+ applyRootDocumentClasses,
21
+ removeRootDocumentClasses
22
+ } from "./chunk-KEPEF6MY.js";
16
23
  import {
17
24
  RGRM_SECTION_TAG,
18
25
  RgrmSectionElement,
@@ -23,14 +30,19 @@ export {
23
30
  RGRM_BUTTON_TAG,
24
31
  RGRM_HEADING_TAG,
25
32
  RGRM_PARAGRAPH_TAG,
33
+ RGRM_ROOT_CLASS,
34
+ RGRM_ROOT_TAG,
26
35
  RGRM_SECTION_TAG,
27
36
  RgrmButtonElement,
28
37
  RgrmHeadingElement,
29
38
  RgrmParagraphElement,
39
+ RgrmRootElement,
30
40
  RgrmSectionElement,
41
+ applyRootDocumentClasses,
31
42
  buttonClassNames,
32
43
  headingClassNames,
33
44
  paragraphClassNames,
45
+ removeRootDocumentClasses,
34
46
  sectionClassNames,
35
47
  sectionContainerClassNames
36
48
  };
package/dist/root/index.d.ts ADDED
@@ -0,0 +1,13 @@
1
+ export { RGRM_ROOT_CLASS, applyRootDocumentClasses, removeRootDocumentClasses } from '@rgrmdesign/rgrm-ds-core/root';
2
+
3
+ declare const RGRM_ROOT_TAG = "rgrm-root";
4
+ /**
5
+ * Activates document-level root styles on `<html>` and `<body>`.
6
+ * Place once in the document (e.g. first child of `<body>`).
7
+ */
8
+ declare class RgrmRootElement extends HTMLElement {
9
+ connectedCallback(): void;
10
+ disconnectedCallback(): void;
11
+ }
12
+
13
+ export { RGRM_ROOT_TAG, RgrmRootElement };
package/dist/root/index.js ADDED
@@ -0,0 +1,15 @@
1
+ import {
2
+ RGRM_ROOT_CLASS,
3
+ RGRM_ROOT_TAG,
4
+ RgrmRootElement,
5
+ applyRootDocumentClasses,
6
+ removeRootDocumentClasses
7
+ } from "../chunk-KEPEF6MY.js";
8
+ export {
9
+ RGRM_ROOT_CLASS,
10
+ RGRM_ROOT_TAG,
11
+ RgrmRootElement,
12
+ applyRootDocumentClasses,
13
+ removeRootDocumentClasses
14
+ };
15
+ //# sourceMappingURL=index.js.map
package/dist/root/index.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rgrmdesign/rgrm-ds-elements",
3
- "version": "0.4.0",
3
+ "version": "0.5.0",
4
4
  "description": "Web Components for the RGRM design system. Styles come from @rgrmdesign/rgrm-ds-css.",
5
5
  "license": "MIT",
6
6
  "type": "module",
@@ -26,6 +26,10 @@
26
26
  "types": "./dist/paragraph/index.d.ts",
27
27
  "import": "./dist/paragraph/index.js"
28
28
  },
29
+ "./root": {
30
+ "types": "./dist/root/index.d.ts",
31
+ "import": "./dist/root/index.js"
32
+ },
29
33
  "./section": {
30
34
  "types": "./dist/section/index.d.ts",
31
35
  "import": "./dist/section/index.js"
@@ -44,17 +48,18 @@
44
48
  "./dist/button/index.js",
45
49
  "./dist/heading/index.js",
46
50
  "./dist/paragraph/index.js",
51
+ "./dist/root/index.js",
47
52
  "./dist/section/index.js"
48
53
  ],
49
54
  "dependencies": {
50
- "@rgrmdesign/rgrm-ds-core": "0.3.0",
51
- "@rgrmdesign/rgrm-ds-css": "0.4.0"
55
+ "@rgrmdesign/rgrm-ds-core": "0.4.0",
56
+ "@rgrmdesign/rgrm-ds-css": "0.5.0"
52
57
  },
53
58
  "peerDependencies": {
54
- "@rgrmdesign/rgrm-ds-tokens": ">=0.8.0"
59
+ "@rgrmdesign/rgrm-ds-tokens": ">=0.9.0"
55
60
  },
56
61
  "devDependencies": {
57
- "@rgrmdesign/rgrm-ds-tokens": "^0.8.0",
62
+ "@rgrmdesign/rgrm-ds-tokens": "^0.9.0",
58
63
  "rimraf": "^6.0.1",
59
64
  "tsup": "^8.5.1",
60
65
  "typescript": "^5.9.3"