npm - @gov-design-system-ce/components - Versions diffs - 0.0.37 → 0.0.38 - Mend

@gov-design-system-ce/components 0.0.37 → 0.0.38

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 (418) hide show

package/dist/collection/components/gov-nav/gov-nav.css CHANGED Viewed

@@ -87,6 +87,9 @@
 /*
  -  Variables - Cookiebar
  */
+/*
+ -  Variables - Dropdown
+ */
 /*
  -  Variables - Card
  */

package/dist/collection/components/gov-pagination/gov-pagination.css CHANGED Viewed

@@ -101,6 +101,9 @@
 /*
  -  Variables - Cookiebar
  */
+/*
+ -  Variables - Dropdown
+ */
 /*
  -  Variables - Card
  */

package/dist/collection/components/gov-promp/gov-prompt.css CHANGED Viewed

@@ -87,6 +87,9 @@
 /*
  -  Variables - Cookiebar
  */
+/*
+ -  Variables - Dropdown
+ */
 /*
  -  Variables - Card
  */

package/dist/collection/components/gov-side-nav/gov-side-nav-item.css CHANGED Viewed

@@ -87,6 +87,9 @@
 /*
  -  Variables - Cookiebar
  */
+/*
+ -  Variables - Dropdown
+ */
 /*
  -  Variables - Card
  */

package/dist/collection/components/gov-side-nav/gov-side-nav.css CHANGED Viewed

@@ -87,6 +87,9 @@
 /*
  -  Variables - Cookiebar
  */
+/*
+ -  Variables - Dropdown
+ */
 /*
  -  Variables - Card
  */

package/dist/collection/components/gov-spacer/gov-spacer.css CHANGED Viewed

@@ -87,6 +87,9 @@
 /*
  -  Variables - Cookiebar
  */
+/*
+ -  Variables - Dropdown
+ */
 /*
  -  Variables - Card
  */

package/dist/collection/components/gov-statsbar/gov-statsbar-item.css CHANGED Viewed

@@ -87,6 +87,9 @@
 /*
  -  Variables - Cookiebar
  */
+/*
+ -  Variables - Dropdown
+ */
 /*
  -  Variables - Card
  */

package/dist/collection/components/gov-statsbar/gov-statsbar.css CHANGED Viewed

@@ -87,6 +87,9 @@
 /*
  -  Variables - Cookiebar
  */
+/*
+ -  Variables - Dropdown
+ */
 /*
  -  Variables - Card
  */

package/dist/collection/components/gov-stepper/gov-stepper-item.css CHANGED Viewed

@@ -87,6 +87,9 @@
 /*
  -  Variables - Cookiebar
  */
+/*
+ -  Variables - Dropdown
+ */
 /*
  -  Variables - Card
  */

package/dist/collection/components/gov-stepper/gov-stepper.css CHANGED Viewed

@@ -87,6 +87,9 @@
 /*
  -  Variables - Cookiebar
  */
+/*
+ -  Variables - Dropdown
+ */
 /*
  -  Variables - Card
  */

package/dist/collection/components/gov-tabs/gov-tabs-item.css CHANGED Viewed

@@ -87,6 +87,9 @@
 /*
  -  Variables - Cookiebar
  */
+/*
+ -  Variables - Dropdown
+ */
 /*
  -  Variables - Card
  */

package/dist/collection/components/gov-tabs/gov-tabs.css CHANGED Viewed

@@ -101,6 +101,9 @@
 /*
  -  Variables - Cookiebar
  */
+/*
+ -  Variables - Dropdown
+ */
 /*
  -  Variables - Card
  */

package/dist/collection/components/gov-tile/container/gov-tiles.css CHANGED Viewed

@@ -87,6 +87,9 @@
 /*
  -  Variables - Cookiebar
  */
+/*
+ -  Variables - Dropdown
+ */
 /*
  -  Variables - Card
  */

package/dist/collection/components/gov-tile/gov-tile.css CHANGED Viewed

@@ -97,6 +97,9 @@
 /*
  -  Variables - Cookiebar
  */
+/*
+ -  Variables - Dropdown
+ */
 /*
  -  Variables - Card
  */

package/dist/collection/components/gov-toast/gov-toast.css CHANGED Viewed

@@ -87,6 +87,9 @@
 /*
  -  Variables - Cookiebar
  */
+/*
+ -  Variables - Dropdown
+ */
 /*
  -  Variables - Card
  */

package/dist/collection/components/gov-tooltip/gov-tooltip-content.css CHANGED Viewed

@@ -87,6 +87,9 @@
 /*
  -  Variables - Cookiebar
  */
+/*
+ -  Variables - Dropdown
+ */
 /*
  -  Variables - Card
  */

package/dist/collection/components/gov-tooltip/gov-tooltip.css CHANGED Viewed

@@ -87,6 +87,9 @@
 /*
  -  Variables - Cookiebar
  */
+/*
+ -  Variables - Dropdown
+ */
 /*
  -  Variables - Card
  */

package/dist/collection/components/gov-wizzard/gov-wizzard-item.css CHANGED Viewed

@@ -87,6 +87,9 @@
 /*
  -  Variables - Cookiebar
  */
+/*
+ -  Variables - Dropdown
+ */
 /*
  -  Variables - Card
  */

package/dist/collection/components/gov-wizzard/gov-wizzard.css CHANGED Viewed

@@ -87,6 +87,9 @@
 /*
  -  Variables - Cookiebar
  */
+/*
+ -  Variables - Dropdown
+ */
 /*
  -  Variables - Card
  */

package/dist/collection/helpers/Dom/win.js CHANGED Viewed

@@ -1,5 +1,6 @@
 import { property } from '../../utils/utils';
-const getWindowProperty = (name) => window && property(name, window);
+export const isWindow = typeof window !== "undefined";
+const getWindowProperty = (name) => isWindow && window && property(name, window);
 const config = () => {
   const defaultConfig = {
     canValidateWcagOnRender: false,

package/dist/collection/helpers/Dom/win.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"win.js","sourceRoot":"","sources":["../../../../../../src/helpers/Dom/win.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAQ5C,MAAM,iBAAiB,GAAG,CAAI,IAAY,EAA0B,EAAE,CAAC,MAAM,IAAI,QAAQ,CAAC,IAA2B,EAAE,MAAM,CAAC,CAAA;~~AAE9H~~,MAAM,MAAM,GAAG,GAAY,EAAE;EAC5B,MAAM,aAAa,GAAY;IAC9B,uBAAuB,EAAE,KAAK;IAC9B,SAAS,EAAE,gBAAgB;IAC3B,YAAY,EAAE,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI;GACxC,CAAA;EAED,MAAM,cAAc,GAAG,iBAAiB,CAAU,eAAe,CAAC,CAAA;EAClE,IAAI,cAAc,EAAE;IACnB,uCAAY,aAAa,GAAK,cAAc,EAAE;GAC9C;EAED,OAAO,aAAa,CAAA;AACrB,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,uBAAuB,GAAG,GAAuC,EAAE,CAAC,MAAM,EAAE,CAAC,uBAAuB,CAAA;AACjH,MAAM,CAAC,MAAM,SAAS,GAAG,GAAyB,EAAE,CAAC,MAAM,EAAE,CAAC,SAAS,CAAA;AACvE,MAAM,CAAC,MAAM,YAAY,GAAG,GAA4B,EAAE,CAAC,MAAM,EAAE,CAAC,YAAY,CAAA","sourcesContent":["import { property } from '../../utils/utils'\n\ninterface IConfig {\n\tcanValidateWcagOnRender: boolean\n\ticonsPath: string\n\tdocumentNode: Document\n}\n\nconst getWindowProperty = <T>(name: string): Partial<T> \| undefined => window && property(name as keyof typeof window, window)\n\nconst config = (): IConfig => {\n\tconst defaultConfig: IConfig = {\n\t\tcanValidateWcagOnRender: false,\n\t\ticonsPath: './assets/icons',\n\t\tdocumentNode: document ? document : null,\n\t}\n\n\tconst windowProperty = getWindowProperty<IConfig>('GOV_DS_CONFIG')\n\tif (windowProperty) {\n\t\treturn { ...defaultConfig, ...windowProperty }\n\t}\n\n\treturn defaultConfig\n}\n\nexport const canValidateWcagOnRender = (): IConfig['canValidateWcagOnRender'] => config().canValidateWcagOnRender\nexport const iconsPath = (): IConfig['iconsPath'] => config().iconsPath\nexport const documentNode = (): IConfig['documentNode'] => config().documentNode\n"]}
1	+ {"version":3,"file":"win.js","sourceRoot":"","sources":["../../../../../../src/helpers/Dom/win.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAQ5C,MAAM,CAAC,MAAM,QAAQ,GAAG,OAAO,MAAM,KAAK,WAAW,CAAA;AAErD,MAAM,iBAAiB,GAAG,CAAI,IAAY,EAA0B,EAAE,CAAC,QAAQ,IAAI,MAAM,IAAI,QAAQ,CAAC,IAA2B,EAAE,MAAM,CAAC,CAAA;AAE1I,MAAM,MAAM,GAAG,GAAY,EAAE;EAC5B,MAAM,aAAa,GAAY;IAC9B,uBAAuB,EAAE,KAAK;IAC9B,SAAS,EAAE,gBAAgB;IAC3B,YAAY,EAAE,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI;GACxC,CAAA;EAED,MAAM,cAAc,GAAG,iBAAiB,CAAU,eAAe,CAAC,CAAA;EAClE,IAAI,cAAc,EAAE;IACnB,uCAAY,aAAa,GAAK,cAAc,EAAE;GAC9C;EAED,OAAO,aAAa,CAAA;AACrB,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,uBAAuB,GAAG,GAAuC,EAAE,CAAC,MAAM,EAAE,CAAC,uBAAuB,CAAA;AACjH,MAAM,CAAC,MAAM,SAAS,GAAG,GAAyB,EAAE,CAAC,MAAM,EAAE,CAAC,SAAS,CAAA;AACvE,MAAM,CAAC,MAAM,YAAY,GAAG,GAA4B,EAAE,CAAC,MAAM,EAAE,CAAC,YAAY,CAAA","sourcesContent":["import { property } from '../../utils/utils'\n\ninterface IConfig {\n\tcanValidateWcagOnRender: boolean\n\ticonsPath: string\n\tdocumentNode: Document\n}\n\nexport const isWindow = typeof window !== \"undefined\"\n\nconst getWindowProperty = <T>(name: string): Partial<T> \| undefined => isWindow && window && property(name as keyof typeof window, window)\n\nconst config = (): IConfig => {\n\tconst defaultConfig: IConfig = {\n\t\tcanValidateWcagOnRender: false,\n\t\ticonsPath: './assets/icons',\n\t\tdocumentNode: document ? document : null,\n\t}\n\n\tconst windowProperty = getWindowProperty<IConfig>('GOV_DS_CONFIG')\n\tif (windowProperty) {\n\t\treturn { ...defaultConfig, ...windowProperty }\n\t}\n\n\treturn defaultConfig\n}\n\nexport const canValidateWcagOnRender = (): IConfig['canValidateWcagOnRender'] => config().canValidateWcagOnRender\nexport const iconsPath = (): IConfig['iconsPath'] => config().iconsPath\nexport const documentNode = (): IConfig['documentNode'] => config().documentNode\n"]}

package/dist/collection/pages/Alert.js CHANGED Viewed

@@ -2,7 +2,7 @@ class AlertPage extends HTMLElement {
   connectedCallback() {
     this.innerHTML = `
 		<h2>Alert</h2>
 		<gov-alert variant="secondary" headline="Tohle bude super nadpis pro všechno" closable>
 			<gov-icon name="info" slot="icon"></gov-icon>
 			<p>

package/dist/collection/pages/Alert.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Alert.js","sourceRoot":"","sources":["../../../../../src/pages/Alert.ts"],"names":[],"mappings":"AAAA,MAAM,SAAU,SAAQ,WAAW;EAClC,iBAAiB;IAChB,IAAI,CAAC,SAAS,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiFhB,CAAA;EACF,CAAC;CACD;AAED,IAAI,cAAc,CAAC,GAAG,CAAC,YAAY,CAAC,KAAK,SAAS,EAAE;EACnD,cAAc,CAAC,MAAM,CAAC,YAAY,EAAE,SAAS,CAAC,CAAA;CAC9C","sourcesContent":["class AlertPage extends HTMLElement {\n\tconnectedCallback() {\n\t\tthis.innerHTML = `\n\t\t<h2>Alert</h2>\n\~~t\t\~~n\t\t<gov-alert variant=\"secondary\" headline=\"Tohle bude super nadpis pro všechno\" closable>\n\t\t\t<gov-icon name=\"info\" slot=\"icon\"></gov-icon>\n\t\t\t<p>\n\t\t\t\tSecondary - Od 20. 12. 2020 do 14:00 h do 20. 12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V uvedeném termínu bude nedostupné přihlášení k Portálu občana prostřednictvím datové schránky. Více informací <a href=\"#\">zde</a>.\n\t\t\t</p>\n\t\t</gov-alert>\n\t\t<br>\n\t\t<gov-alert variant=\"secondary\" closable>\n\t\t\t<gov-icon name=\"info\" slot=\"icon\"></gov-icon>\n\t\t\t<p>\n\t\t\t\tSecondary - Od 20. 12. 2020 do 14:00 h do 20. 12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V uvedeném termínu bude nedostupné přihlášení k Portálu občana prostřednictvím datové schránky. Více informací <a href=\"#\">zde</a>.\n\t\t\t</p>\n\t\t</gov-alert>\n\t\t<br>\n\t\t<gov-alert variant=\"warning\" closable>\n\t\t\t<gov-icon name=\"info\" slot=\"icon\"></gov-icon>\n\t\t\t<p>\n\t\t\t\tWarning - Od 20. 12. 2020 do 14:00 h do 20. 12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V uvedeném termínu bude nedostupné přihlášení k Portálu občana prostřednictvím datové schránky. Více informací <a href=\"#\">zde</a>.\n\t\t\t</p>\n\t\t</gov-alert>\n\t\t<br>\n\t\t<gov-alert variant=\"error\" closable>\n\t\t\t<gov-icon name=\"info\" slot=\"icon\"></gov-icon>\n\t\t\t<p>\n\t\t\t\tError - Od 20. 12. 2020 do 14:00 h do 20. 12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V uvedeném termínu bude nedostupné přihlášení k Portálu občana prostřednictvím datové schránky. Více informací <a href=\"#\">zde</a>.\n\t\t\t</p>\n\t\t</gov-alert>\n\t\t<br>\n\t\t<gov-alert variant=\"success\" closable>\n\t\t\t<gov-icon name=\"info\" slot=\"icon\"></gov-icon>\n\t\t\t<p>\n\t\t\t\tError - Od 20. 12. 2020 do 14:00 h do 20. 12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V uvedeném termínu bude nedostupné přihlášení k Portálu občana prostřednictvím datové schránky. Více informací <a href=\"#\">zde</a>.\n\t\t\t</p>\n\t\t</gov-alert>\n\t\t<br>\n\t\t<gov-alert variant=\"primary\" closable>\n\t\t\t<gov-icon name=\"info\" slot=\"icon\"></gov-icon>\n\t\t\t<p>\n\t\t\t\tError - Od 20. 12. 2020 do 14:00 h do 20. 12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V uvedeném termínu bude nedostupné přihlášení k Portálu občana prostřednictvím datové schránky. Více informací <a href=\"#\">zde</a>.\n\t\t\t</p>\n\t\t</gov-alert>\n\n\t\t<h3>Inverse</h3>\n\t\t<br>\n\t\t<gov-alert inverse=\"TRUE\" variant=\"secondary\" closable>\n\t\t\t<gov-icon name=\"info\" slot=\"icon\"></gov-icon>\n\t\t\t<p>\n\t\t\t\tSecondary - Od 20. 12. 2020 do 14:00 h do 20. 12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V uvedeném termínu bude nedostupné přihlášení k Portálu občana prostřednictvím datové schránky. Více informací <a href=\"#\">zde</a>.\n\t\t\t</p>\n\t\t</gov-alert>\n\t\t<br>\n\t\t<gov-alert inverse=\"True\" variant=\"warning\" closable>\n\t\t\t<gov-icon name=\"info\" slot=\"icon\"></gov-icon>\n\t\t\t<p>\n\t\t\t\tWarning - Od 20. 12. 2020 do 14:00 h do 20. 12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V uvedeném termínu bude nedostupné přihlášení k Portálu občana prostřednictvím datové schránky. Více informací <a href=\"#\">zde</a>.\n\t\t\t</p>\n\t\t</gov-alert>\n\t\t<br>\n\t\t<gov-alert inverse=\"1\" variant=\"error\" closable>\n\t\t\t<gov-icon name=\"info\" slot=\"icon\"></gov-icon>\n\t\t\t<p>\n\t\t\t\tError - Od 20. 12. 2020 do 14:00 h do 20. 12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V uvedeném termínu bude nedostupné přihlášení k Portálu občana prostřednictvím datové schránky. Více informací <a href=\"#\">zde</a>.\n\t\t\t</p>\n\t\t</gov-alert>\n\t\t<br>\n\t\t<gov-alert inverse=\"true\" variant=\"success\" closable>\n\t\t\t<gov-icon name=\"info\" slot=\"icon\"></gov-icon>\n\t\t\t<p>\n\t\t\t\tError - Od 20. 12. 2020 do 14:00 h do 20. 12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V uvedeném termínu bude nedostupné přihlášení k Portálu občana prostřednictvím datové schránky. Více informací <a href=\"#\">zde</a>.\n\t\t\t</p>\n\t\t</gov-alert>\n\t\t<br>\n\t\t<gov-alert inverse=\"true\" variant=\"primary\" closable>\n\t\t\t<gov-icon name=\"info\" slot=\"icon\"></gov-icon>\n\t\t\t<p>\n\t\t\t\tError - Od 20. 12. 2020 do 14:00 h do 20. 12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V uvedeném termínu bude nedostupné přihlášení k Portálu občana prostřednictvím datové schránky. Více informací <a href=\"#\">zde</a>.\n\t\t\t</p>\n\t\t</gov-alert>\n\t\t`\n\t}\n}\n\nif (customElements.get('alert-page') === undefined) {\n\tcustomElements.define('alert-page', AlertPage)\n}\n"]}
1	+ {"version":3,"file":"Alert.js","sourceRoot":"","sources":["../../../../../src/pages/Alert.ts"],"names":[],"mappings":"AAAA,MAAM,SAAU,SAAQ,WAAW;EAClC,iBAAiB;IAChB,IAAI,CAAC,SAAS,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiFhB,CAAA;EACF,CAAC;CACD;AAED,IAAI,cAAc,CAAC,GAAG,CAAC,YAAY,CAAC,KAAK,SAAS,EAAE;EACnD,cAAc,CAAC,MAAM,CAAC,YAAY,EAAE,SAAS,CAAC,CAAA;CAC9C","sourcesContent":["class AlertPage extends HTMLElement {\n\tconnectedCallback() {\n\t\tthis.innerHTML = `\n\t\t<h2>Alert</h2>\n\n\t\t<gov-alert variant=\"secondary\" headline=\"Tohle bude super nadpis pro všechno\" closable>\n\t\t\t<gov-icon name=\"info\" slot=\"icon\"></gov-icon>\n\t\t\t<p>\n\t\t\t\tSecondary - Od 20. 12. 2020 do 14:00 h do 20. 12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V uvedeném termínu bude nedostupné přihlášení k Portálu občana prostřednictvím datové schránky. Více informací <a href=\"#\">zde</a>.\n\t\t\t</p>\n\t\t</gov-alert>\n\t\t<br>\n\t\t<gov-alert variant=\"secondary\" closable>\n\t\t\t<gov-icon name=\"info\" slot=\"icon\"></gov-icon>\n\t\t\t<p>\n\t\t\t\tSecondary - Od 20. 12. 2020 do 14:00 h do 20. 12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V uvedeném termínu bude nedostupné přihlášení k Portálu občana prostřednictvím datové schránky. Více informací <a href=\"#\">zde</a>.\n\t\t\t</p>\n\t\t</gov-alert>\n\t\t<br>\n\t\t<gov-alert variant=\"warning\" closable>\n\t\t\t<gov-icon name=\"info\" slot=\"icon\"></gov-icon>\n\t\t\t<p>\n\t\t\t\tWarning - Od 20. 12. 2020 do 14:00 h do 20. 12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V uvedeném termínu bude nedostupné přihlášení k Portálu občana prostřednictvím datové schránky. Více informací <a href=\"#\">zde</a>.\n\t\t\t</p>\n\t\t</gov-alert>\n\t\t<br>\n\t\t<gov-alert variant=\"error\" closable>\n\t\t\t<gov-icon name=\"info\" slot=\"icon\"></gov-icon>\n\t\t\t<p>\n\t\t\t\tError - Od 20. 12. 2020 do 14:00 h do 20. 12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V uvedeném termínu bude nedostupné přihlášení k Portálu občana prostřednictvím datové schránky. Více informací <a href=\"#\">zde</a>.\n\t\t\t</p>\n\t\t</gov-alert>\n\t\t<br>\n\t\t<gov-alert variant=\"success\" closable>\n\t\t\t<gov-icon name=\"info\" slot=\"icon\"></gov-icon>\n\t\t\t<p>\n\t\t\t\tError - Od 20. 12. 2020 do 14:00 h do 20. 12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V uvedeném termínu bude nedostupné přihlášení k Portálu občana prostřednictvím datové schránky. Více informací <a href=\"#\">zde</a>.\n\t\t\t</p>\n\t\t</gov-alert>\n\t\t<br>\n\t\t<gov-alert variant=\"primary\" closable>\n\t\t\t<gov-icon name=\"info\" slot=\"icon\"></gov-icon>\n\t\t\t<p>\n\t\t\t\tError - Od 20. 12. 2020 do 14:00 h do 20. 12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V uvedeném termínu bude nedostupné přihlášení k Portálu občana prostřednictvím datové schránky. Více informací <a href=\"#\">zde</a>.\n\t\t\t</p>\n\t\t</gov-alert>\n\n\t\t<h3>Inverse</h3>\n\t\t<br>\n\t\t<gov-alert inverse=\"TRUE\" variant=\"secondary\" closable>\n\t\t\t<gov-icon name=\"info\" slot=\"icon\"></gov-icon>\n\t\t\t<p>\n\t\t\t\tSecondary - Od 20. 12. 2020 do 14:00 h do 20. 12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V uvedeném termínu bude nedostupné přihlášení k Portálu občana prostřednictvím datové schránky. Více informací <a href=\"#\">zde</a>.\n\t\t\t</p>\n\t\t</gov-alert>\n\t\t<br>\n\t\t<gov-alert inverse=\"True\" variant=\"warning\" closable>\n\t\t\t<gov-icon name=\"info\" slot=\"icon\"></gov-icon>\n\t\t\t<p>\n\t\t\t\tWarning - Od 20. 12. 2020 do 14:00 h do 20. 12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V uvedeném termínu bude nedostupné přihlášení k Portálu občana prostřednictvím datové schránky. Více informací <a href=\"#\">zde</a>.\n\t\t\t</p>\n\t\t</gov-alert>\n\t\t<br>\n\t\t<gov-alert inverse=\"1\" variant=\"error\" closable>\n\t\t\t<gov-icon name=\"info\" slot=\"icon\"></gov-icon>\n\t\t\t<p>\n\t\t\t\tError - Od 20. 12. 2020 do 14:00 h do 20. 12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V uvedeném termínu bude nedostupné přihlášení k Portálu občana prostřednictvím datové schránky. Více informací <a href=\"#\">zde</a>.\n\t\t\t</p>\n\t\t</gov-alert>\n\t\t<br>\n\t\t<gov-alert inverse=\"true\" variant=\"success\" closable>\n\t\t\t<gov-icon name=\"info\" slot=\"icon\"></gov-icon>\n\t\t\t<p>\n\t\t\t\tError - Od 20. 12. 2020 do 14:00 h do 20. 12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V uvedeném termínu bude nedostupné přihlášení k Portálu občana prostřednictvím datové schránky. Více informací <a href=\"#\">zde</a>.\n\t\t\t</p>\n\t\t</gov-alert>\n\t\t<br>\n\t\t<gov-alert inverse=\"true\" variant=\"primary\" closable>\n\t\t\t<gov-icon name=\"info\" slot=\"icon\"></gov-icon>\n\t\t\t<p>\n\t\t\t\tError - Od 20. 12. 2020 do 14:00 h do 20. 12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V uvedeném termínu bude nedostupné přihlášení k Portálu občana prostřednictvím datové schránky. Více informací <a href=\"#\">zde</a>.\n\t\t\t</p>\n\t\t</gov-alert>\n\t\t`\n\t}\n}\n\nif (customElements.get('alert-page') === undefined) {\n\tcustomElements.define('alert-page', AlertPage)\n}\n"]}

package/dist/collection/pages/Button.js CHANGED Viewed

@@ -2,48 +2,72 @@ class ButtonPage extends HTMLElement {
   connectedCallback() {
     this.innerHTML = `
 			<h1>Buttons</h1>
+			<h4>Dropdown</h4>
+			<gov-layout>
+				<gov-layout-column>
+					<div class="container-view">
+						<gov-dropdown>
+							<gov-button variant="primary" size="s">
+								Více
+							</gov-button>
+							<ul slot="list">
+								<li>
+									<gov-button variant="primary" type="base" size="s">
+										A další nabídka
+										<gov-icon slot="right-icon" name="info"></gov-icon>
+									</gov-button>
+								</li>
+								<li>
+									<gov-button variant="primary" type="base" size="s">
+										A další dlouhá nabídka
+										<gov-icon slot="right-icon" name="info"></gov-icon>
+									</gov-button>
+								</li>
+								<li>
+									<gov-button variant="primary" type="base" size="s">
+										A další
+										<gov-icon slot="right-icon" name="info"></gov-icon>
+									</gov-button>
+								</li>
+							</ul>
+						</gov-dropdown>
+					</div>
+				</gov-layout-column>
+				<gov-layout-column>
+					<div class="container-view">
+						<gov-dropdown position="right">
+							<gov-button variant="primary" size="s">
+								Více
+							</gov-button>
+							<ul slot="list">
+								<li>
+									<gov-button variant="secondary" type="base" size="s">
+										A další nabídka
+										<gov-icon slot="right-icon" name="info"></gov-icon>
+									</gov-button>
+								</li>
+								<li>
+									<gov-button variant="secondary" type="base" size="s">
+										A další dlouhá nabídka
+										<gov-icon slot="right-icon" name="info"></gov-icon>
+									</gov-button>
+								</li>
+								<li>
+									<gov-button variant="secondary" type="base" size="s">
+										A další
+										<gov-icon slot="right-icon" name="info"></gov-icon>
+									</gov-button>
+								</li>
+							</ul>
+						</gov-dropdown>
+					</div>
+				</gov-layout-column>
+			</gov-layout>
 			<h4>Buttons - primary (default)</h4>
-			<gov-button-test type="solid" variant="primary" size="s" href="http://localhost:3333/button">
-				Small Primary
-				<gov-icon slot="left-icon" name="info"></gov-icon>
-			</gov-button-test>
-			<gov-form-input size="m" placeholder="Co hledáte" input-type="datetime-local"></gov-form-input>
-			<br/>
-			<br/>
-			<br/>
-			<br/>
-			<br/>
-			<hr/>
-			<br/>
-			<br/>
-			<br/>
-			<br/>
-			<gov-control-group>
-				<gov-button variant="primary" size="s" href="http://localhost:3333/button">
-				Small Primary
-				</gov-button>
-				<gov-button variant="primary" size="s" href="http://localhost:3333/button">
-				Small Primary
-				</gov-button>
-				<gov-form-input multiline rows="3" name="test-me" disabled value="Value of textarea"></gov-form-input>
-				<gov-form-select size="l" name="test-me">
-					<option value="" selected>Placeholder</option>
-					<option value="b">Value B</option>
-					<option value="c">Value C</option>
-					<option value="d">Value D</option>
-				</gov-form-select>
-				<gov-button variant="primary" size="s" href="http://localhost:3333/button">
-				Small Primary
-				</gov-button>
-			</gov-control-group>
 			<div class="container-view">
 				<gov-button variant="primary" size="s" href="http://localhost:3333/button">
 					<gov-icon slot="left-icon" name="info"></gov-icon>