@sebgroup/green-core 1.17.0 → 1.18.0

package/README.md

@@ -31,8 +31,8 @@ import { css, customElement, LitElement } from 'lit'
 // This custom `html` template literal tag from Green Core extends the default `lit-html` tag to handle element version scoping.
 import { html } from '@sebgroup/green-core/scoping'
 
-// Trtansitional styles applies the current 2016 design language to the components
-import { registerTransitionalStyles } from '@sebgroup/green-core/transitional-styles'
+// Transitional styles applies the current 2016 design language to the components
+import * as ButtonStyles from '@sebgroup/green-core/components/button/button.trans.styles.js'
 
 // Import the components that you need
 import '@sebgroup/green-core/components/button/index.js'
@@ -45,7 +45,7 @@ export class MyApp extends LitElement {
     super.connectedCallback()
 
     // Register transitional styles to get SEB's current visual design
-    registerTransitionalStyles()
+    ButtonStyles.register()
   }
 
   render() {
@@ -82,8 +82,8 @@ In your component:
 import '@sebgroup/green-core/components/button/index.js'
 
 // Transitional styles
-import { registerTransitionalStyles } from '@sebgroup/green-core/transitional-styles'
-registerTransitionalStyles()
+import * as ButtonStyles from '@sebgroup/green-core/components/button/button.trans.styles.js'
+ButtonStyles.register()
 ```
 
 Use the webcomponent in your template with the `*nggCoreElement` directive.
@@ -108,9 +108,9 @@ import { createComponent } from '@lit/react'
 
 import { GdsButton } from '@sebgroup/green-core/component/button/index.js'
 import { getScopedTagName } from '@sebgroup/green-core/scoping'
-import { registerTransitionalStyles } from '@sebgroup/green-core/transitional-styles'
 
-registerTransitionalStyles()
+import * as ButtonStyles from '@sebgroup/green-core/components/button/button.trans.styles.js'
+ButtonStyles.register()
 
 export const Button = createComponent({
   tagName: getScopedTagName('gds-button'),

package/chunks/{chunk.YJHAKLGR.js → chunk.7ZCWP4FY.js}

@@ -1,6 +1,6 @@
 import {
   TransitionalStyles
-} from "./chunk.QONSFT2N.js";
+} from "./chunk.XQ3SZZAO.js";
 import {
   GdsElement
 } from "./chunk.2LQSDOD4.js";

package/chunks/{chunk.XI4H54TV.js → chunk.CHEU4C5J.js}

@@ -1,6 +1,6 @@
 import {
   TransitionalStyles
-} from "./chunk.QONSFT2N.js";
+} from "./chunk.XQ3SZZAO.js";
 import {
   GdsElement
 } from "./chunk.2LQSDOD4.js";

package/chunks/{chunk.D7H7CUS4.js → chunk.DBTRYFAB.js}

@@ -1,6 +1,6 @@
 import {
   TransitionalStyles
-} from "./chunk.QONSFT2N.js";
+} from "./chunk.XQ3SZZAO.js";
 import {
   GdsElement
 } from "./chunk.2LQSDOD4.js";

package/chunks/{chunk.XD5R3ZU3.js → chunk.DWSGVBRK.js}

@@ -1,12 +1,12 @@
 import {
   GdsSegment
-} from "./chunk.U4DPJ4QU.js";
+} from "./chunk.W7SFAX2D.js";
 import {
   tokens
-} from "./chunk.EUQ5DOQM.js";
+} from "./chunk.MMVYFXTU.js";
 import {
   TransitionalStyles
-} from "./chunk.QONSFT2N.js";
+} from "./chunk.XQ3SZZAO.js";
 import {
   GdsElement
 } from "./chunk.2LQSDOD4.js";

package/chunks/{chunk.ZTE73BY2.js → chunk.H7YA5KO4.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.YIQIH4RW.js";
 import {
   TransitionalStyles
-} from "./chunk.QONSFT2N.js";
+} from "./chunk.XQ3SZZAO.js";
 import {
   watch
 } from "./chunk.2WO4NHJ2.js";

package/chunks/{chunk.LUHCF4BJ.js → chunk.I2IU2N5F.js}

@@ -4,7 +4,7 @@ import {
 } from "./chunk.DFYMYEGD.js";
 import {
   TransitionalStyles
-} from "./chunk.QONSFT2N.js";
+} from "./chunk.XQ3SZZAO.js";
 import {
   GdsElement
 } from "./chunk.2LQSDOD4.js";

package/chunks/{chunk.EUQ5DOQM.js → chunk.MMVYFXTU.js}

@@ -4,7 +4,7 @@ import { unsafeCSS } from "lit";
 // dist/libs/tokens/internal/pallet.css
 var pallet_default = `/**
  * Do not edit directly
- * Generated on Thu, 02 May 2024 11:21:34 GMT
+ * Generated on Thu, 02 May 2024 14:18:02 GMT
  */
 
 :host {
@@ -165,7 +165,7 @@ var pallet_default = `/**
 // dist/libs/tokens/internal/theme/light.css
 var light_default = `/**
  * Do not edit directly
- * Generated on Thu, 02 May 2024 11:21:34 GMT
+ * Generated on Thu, 02 May 2024 14:18:02 GMT
  */
 
 :host {
@@ -286,7 +286,7 @@ var light_default = `/**
 // dist/libs/tokens/internal/size.css
 var size_default = `/**
  * Do not edit directly
- * Generated on Thu, 02 May 2024 11:21:34 GMT
+ * Generated on Thu, 02 May 2024 14:18:02 GMT
  */
 
 :host {
@@ -532,7 +532,7 @@ var size_default = `/**
 // dist/libs/tokens/internal/motion.css
 var motion_default = `/**
  * Do not edit directly
- * Generated on Thu, 02 May 2024 11:21:34 GMT
+ * Generated on Thu, 02 May 2024 14:18:02 GMT
  */
 
 :host {

package/chunks/{chunk.MAD5DQMN.js → chunk.MVCYVB3S.js}

@@ -4,7 +4,7 @@ import {
 } from "./chunk.DFYMYEGD.js";
 import {
   TransitionalStyles
-} from "./chunk.QONSFT2N.js";
+} from "./chunk.XQ3SZZAO.js";
 import {
   GdsElement
 } from "./chunk.2LQSDOD4.js";

package/chunks/{chunk.WDZ2JTCP.js → chunk.Q6AEDXQF.js}

@@ -1,6 +1,6 @@
 import {
   TransitionalStyles
-} from "./chunk.QONSFT2N.js";
+} from "./chunk.XQ3SZZAO.js";
 import {
   watchMediaQuery
 } from "./chunk.WM7HBMMV.js";

package/chunks/{chunk.VYK7D6QO.js → chunk.URP77GWW.js}

@@ -4,7 +4,7 @@ import {
 } from "./chunk.2ND5EWHE.js";
 import {
   TransitionalStyles
-} from "./chunk.QONSFT2N.js";
+} from "./chunk.XQ3SZZAO.js";
 import {
   GdsElement
 } from "./chunk.2LQSDOD4.js";

package/chunks/{chunk.6UA66KQU.js → chunk.VDWYFSGX.js}

@@ -1,6 +1,6 @@
 import {
   TransitionalStyles
-} from "./chunk.QONSFT2N.js";
+} from "./chunk.XQ3SZZAO.js";
 import {
   GdsElement
 } from "./chunk.2LQSDOD4.js";

package/chunks/chunk.VOYMQ322.js

@@ -1,7 +1,7 @@
 // libs/core/src/utils/helpers/custom-element-scoping.ts
 import { html as litHtml } from "lit";
 import { customElement } from "lit/decorators.js";
-var VER_SUFFIX = "-d95be4";
+var VER_SUFFIX = "-7b50f8";
 var elementLookupTable = /* @__PURE__ */ new Map();
 var gdsCustomElement = (tagName) => {
   if (globalThis.GDS_DISABLE_VERSIONED_ELEMENTS) {

package/chunks/{chunk.U4DPJ4QU.js → chunk.W7SFAX2D.js}

@@ -1,9 +1,9 @@
 import {
   tokens
-} from "./chunk.EUQ5DOQM.js";
+} from "./chunk.MMVYFXTU.js";
 import {
   TransitionalStyles
-} from "./chunk.QONSFT2N.js";
+} from "./chunk.XQ3SZZAO.js";
 import {
   GdsElement
 } from "./chunk.2LQSDOD4.js";

package/chunks/{chunk.ZYQWZMVY.js → chunk.WD3QGIEJ.js}

@@ -3,10 +3,10 @@ import {
 } from "./chunk.YIQIH4RW.js";
 import {
   tokens
-} from "./chunk.EUQ5DOQM.js";
+} from "./chunk.MMVYFXTU.js";
 import {
   TransitionalStyles
-} from "./chunk.QONSFT2N.js";
+} from "./chunk.XQ3SZZAO.js";
 import {
   constrainSlots
 } from "./chunk.6NM7ENKA.js";

package/chunks/{chunk.2OOTOCUG.js → chunk.WEE5C637.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.YIQIH4RW.js";
 import {
   TransitionalStyles
-} from "./chunk.QONSFT2N.js";
+} from "./chunk.XQ3SZZAO.js";
 import {
   observeLightDOM
 } from "./chunk.WM7HBMMV.js";

package/chunks/{chunk.63RKNI5K.js → chunk.WIWIGJID.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.XMPBXAGB.js";
 import {
   tokens
-} from "./chunk.EUQ5DOQM.js";
+} from "./chunk.MMVYFXTU.js";
 import {
   watch
 } from "./chunk.2WO4NHJ2.js";