@gov-design-system-ce/components 0.0.1

package/dist/collection/components/gov-accordion/gov-accordion-item.css

@@ -0,0 +1,385 @@
+/* stylelint-disable */
+/* stylelint-enable */
+/* stylelint-disable */
+/* stylelint-enable */
+/* stylelint-disable */
+/* stylelint-enable */
+/* stylelint-disable */
+/* stylelint-enable */
+/* [Core] - Buttons
+------------------------------------------------------------------ */
+/*
+ * Gets color from theme-colors or from palette-colors
+ */
+/*
+ * Converts hex value to rgb colors value
+ */
+/* stylelint-disable order/order */
+/* stylelint-enable order/order */
+/*
+ * Generates list of utility classes for margin, padding
+ *
+ * Make sure $list of definitions is sorted so that last item is defined last
+ * So largest views are mentioned last.
+ */
+/*
+ -  Variables - Sizes
+ */
+/* "Constants" for general usage */
+/*
+ -  Variables - Layout
+ */
+/**
+* Utilities - Offset
+*/
+/* stylelint-disable order/order */
+/* stylelint-enable order/order */
+/* stylelint-disable order/order */
+/* stylelint-enable order/order */
+/* stylelint-disable order/order */
+/* stylelint-enable order/order */
+/**
+* Generates CSS3 var with default value
+*/
+/*
+ -  Variables - General
+ */
+/*
+ -  Variables - Typography
+ */
+/*
+ -  Variables - Sizes
+ */
+/* "Constants" for general usage */
+/*
+ -  Variables - Variants
+ */
+/*
+ -  Variables - Layout
+ */
+/*
+ -  Variables - Accordion
+ */
+/*
+ -  Variables - Attachments
+ */
+/*
+ -  Variables - Alert
+ */
+/*
+ -  Variables - Backdrop
+ */
+/*
+ -  Variables - Buttons (&& Badges)
+ */
+/*
+ -  Variables - Classes
+ */
+/*
+ -  Variables - Colors
+ */
+/*
+ -  Variables - Cookiebar
+ */
+/*
+ -  Variables - Card
+ */
+/*
+ -  Variables - Container
+ */
+/*
+ -  Variables - Message
+ */
+/*
+ -  Variables - Empty
+ */
+/*
+ -  Variables - Error code
+ */
+/*
+ -  Variables - Grid
+ */
+/*
+ -  Variables - Modal & Prompt
+ */
+/**
+* Utilities - Offset
+*/
+/*
+ -  Variables - shadows
+ */
+/* "Constants" for general usage */
+/*
+ -  Variables - Statsbar
+ */
+/*
+ -  Variables - Tabs
+ */
+/*
+ -  Variables - Tooltip
+ */
+/*
+ -	Variables - Forms
+ */
+/*
+ -  Variables - Form Autocomplete
+ */
+/*
+ -  Variables - Form Message
+ */
+/*
+ -	Variables - Form label
+ */
+/*
+ -	Variables - Form switch
+ */
+/*
+ -	Variables - Form select
+ */
+/*
+ -	Variables - Form input
+ */
+/*
+ -	Variables - Form multiselect
+ */
+/*
+ -	Variables - Form checkbox & radio
+ */
+/*
+ -	Variables - Form file
+ */
+/*
+ -  Variables - Toast Message
+ */
+/*
+ -  Variables - Wizzard
+ */
+/*
+ -  Variables - Stepper
+ */
+/*
+ -  Variables - Grid & Tile
+ */
+/*
+ -  Variables - Pagination
+ */
+.gov-spin-animation,
+.gov-pseudo-spin-animation::before {
+  animation: spin 4s linear infinite;
+}
+
+@keyframes spin {
+  100% {
+    transform: rotate(360deg);
+  }
+}
+/*
+*   Accordion - Item
+*/
+.gov-accordion-item {
+  position: relative;
+  display: block;
+  width: 100%;
+}
+.gov-accordion-item__header {
+  display: inline-flex;
+  vertical-align: middle;
+  justify-content: center;
+  align-items: center;
+  border: 0;
+  background-color: transparent;
+  text-align: center;
+  text-decoration: none;
+  cursor: pointer;
+  -webkit-appearance: none;
+     -moz-appearance: none;
+          appearance: none;
+  position: relative;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  width: 100%;
+  border-radius: 0;
+  text-align: left;
+  text-transform: none;
+  transition: background-color 150ms ease-in-out;
+}
+.gov-accordion-item__header:focus {
+  outline: none;
+}
+.gov-accordion-item__header:focus {
+  outline: none;
+}
+.gov-accordion-item__header:focus-visible {
+  border-radius: var(--gov-border-radius, 0.1875rem);
+  outline: var(--gov-outline-width, 0.125rem) solid var(--gov-color-focus-base);
+  outline-offset: 0;
+}
+.gov-accordion-item__header::before {
+  content: "";
+  position: absolute;
+  display: block;
+  right: 0;
+  bottom: -1px;
+  left: 0;
+  height: 1px;
+}
+.gov-accordion-item__header > .gov-icon {
+  display: inline-block;
+  flex: 0 0 auto;
+  align-self: center;
+}
+.gov-accordion-item__header *[slot=icon] {
+  display: inline-block;
+  vertical-align: middle;
+  flex: 0 0 auto;
+}
+.gov-accordion-item__header *[slot=suffix] {
+  display: inline-block;
+  vertical-align: middle;
+  flex: 0 0 auto;
+  margin-left: auto;
+  line-height: initial;
+}
+.gov-accordion-item__header:focus-visible::before {
+  display: none;
+}
+.gov-accordion-item__header[aria-expanded=""] > .gov-icon, .gov-accordion-item__header[aria-expanded=true i] > .gov-icon, .gov-accordion-item__header[aria-expanded="1"] > .gov-icon {
+  transform: scale(-1);
+}
+.gov-accordion-item__title {
+  margin: 0;
+  padding: 0;
+  font-family: "Roboto", sans-serif;
+  font-weight: 400;
+  box-sizing: border-box;
+  display: flex;
+  flex: 1 1 auto;
+  align-items: flex-start;
+}
+.gov-accordion-item__content p:last-child {
+  margin-bottom: 0;
+}
+.gov-accordion-item[size=s] .gov-accordion-item__header {
+  gap: 0.5rem;
+  min-height: 3rem;
+  padding: 0.75rem 0.5rem;
+}
+.gov-accordion-item[size=s] .gov-accordion-item__header > .gov-icon {
+  width: 0.75rem;
+  height: 0.75rem;
+}
+.gov-accordion-item[size=s] .gov-accordion-item__header *[slot=icon] {
+  width: calc(var(--gov-text-m-font-size) * 1.2);
+  height: calc(var(--gov-text-m-font-size) * 1.2);
+  transform: translateY(0.0625rem);
+}
+.gov-accordion-item[size=s] .gov-accordion-item__title {
+  font-weight: var(--gov-text-m-font-weight);
+  font-size: var(--gov-text-m-font-size);
+  line-height: var(--gov-text-m-line-height);
+  letter-spacing: var(--gov-text-m-letter-spacing);
+  gap: 0.5rem;
+}
+.gov-accordion-item[size=s] .gov-accordion-item__content {
+  padding: 1rem 0.5rem;
+}
+.gov-accordion-item[size=m] .gov-accordion-item__header {
+  gap: 1rem;
+  min-height: 4.5rem;
+  padding: 1.25rem 0.5rem;
+}
+.gov-accordion-item[size=m] .gov-accordion-item__header > .gov-icon {
+  width: 1rem;
+  height: 1rem;
+}
+.gov-accordion-item[size=m] .gov-accordion-item__header *[slot=icon] {
+  width: calc(var(--gov-text-2xl-font-size) * 1.2);
+  height: calc(var(--gov-text-2xl-font-size) * 1.2);
+  transform: translateY(0.125rem);
+}
+.gov-accordion-item[size=m] .gov-accordion-item__title {
+  font-weight: var(--gov-text-2xl-font-weight);
+  font-size: var(--gov-text-2xl-font-size);
+  line-height: var(--gov-text-2xl-line-height);
+  letter-spacing: var(--gov-text-2xl-letter-spacing);
+  gap: 1rem;
+}
+.gov-accordion-item[size=m] .gov-accordion-item__content {
+  padding: 1.25rem 0.5rem;
+}
+.gov-accordion-item[size=l] .gov-accordion-item__header {
+  gap: 1rem;
+  min-height: 5.5rem;
+  padding: 1.375rem 0.5rem;
+}
+.gov-accordion-item[size=l] .gov-accordion-item__header > .gov-icon {
+  width: 1.25rem;
+  height: 1.25rem;
+}
+.gov-accordion-item[size=l] .gov-accordion-item__header *[slot=icon] {
+  width: calc(var(--gov-text-3xl-font-size) * 1.2);
+  height: calc(var(--gov-text-3xl-font-size) * 1.2);
+  transform: translateY(0.125rem);
+}
+.gov-accordion-item[size=l] .gov-accordion-item__title {
+  font-weight: var(--gov-text-3xl-font-weight);
+  font-size: var(--gov-text-3xl-font-size);
+  line-height: var(--gov-text-3xl-line-height);
+  letter-spacing: var(--gov-text-3xl-letter-spacing);
+  gap: 1rem;
+}
+.gov-accordion-item[size=l] .gov-accordion-item__content {
+  padding: 1.25rem 0.5rem;
+}
+.gov-accordion-item[variant=primary] .gov-accordion-item__header {
+  background-color: transparent;
+  color: var(--gov-color-primary);
+}
+.gov-accordion-item[variant=primary] .gov-accordion-item__header::before {
+  background-color: var(--gov-color-secondary-500);
+}
+@media not all and (pointer: coarse) {
+  .gov-accordion-item[variant=primary] .gov-accordion-item__header:hover {
+    background-color: var(--gov-color-primary-200);
+  }
+}
+.gov-accordion-item[variant=primary][disabled=""] .gov-accordion-item__header, .gov-accordion-item[variant=primary][disabled=true i] .gov-accordion-item__header, .gov-accordion-item[variant=primary][disabled="1"] .gov-accordion-item__header {
+  color: var(--gov-color-primary-400);
+}
+@media not all and (pointer: coarse) {
+  .gov-accordion-item[variant=primary][disabled=""] .gov-accordion-item__header:hover, .gov-accordion-item[variant=primary][disabled=true i] .gov-accordion-item__header:hover, .gov-accordion-item[variant=primary][disabled="1"] .gov-accordion-item__header:hover {
+    background: transparent;
+    cursor: not-allowed;
+  }
+}
+.gov-accordion-item[variant=secondary] .gov-accordion-item__header {
+  background-color: transparent;
+  color: var(--gov-color-secondary);
+}
+.gov-accordion-item[variant=secondary] .gov-accordion-item__header::before {
+  background-color: var(--gov-color-secondary-500);
+}
+@media not all and (pointer: coarse) {
+  .gov-accordion-item[variant=secondary] .gov-accordion-item__header:hover {
+    background-color: var(--gov-color-secondary-200);
+  }
+}
+.gov-accordion-item[variant=secondary][disabled=""] .gov-accordion-item__header, .gov-accordion-item[variant=secondary][disabled=true i] .gov-accordion-item__header, .gov-accordion-item[variant=secondary][disabled="1"] .gov-accordion-item__header {
+  color: var(--gov-color-secondary-600);
+}
+@media not all and (pointer: coarse) {
+  .gov-accordion-item[variant=secondary][disabled=""] .gov-accordion-item__header:hover, .gov-accordion-item[variant=secondary][disabled=true i] .gov-accordion-item__header:hover, .gov-accordion-item[variant=secondary][disabled="1"] .gov-accordion-item__header:hover {
+    background: transparent;
+    cursor: not-allowed;
+  }
+}
+@media (max-width: 47.99em) {
+  .gov-accordion-item__title {
+    flex-wrap: wrap;
+  }
+  .gov-accordion-item__label {
+    flex: 0 0 auto;
+    max-width: calc(100% - 50px);
+  }
+}

package/dist/collection/components/gov-accordion/gov-accordion-item.d.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=gov-accordion-item.d.js.map

package/dist/collection/components/gov-accordion/gov-accordion-item.d.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gov-accordion-item.d.js","sourceRoot":"","sources":["../../../../../../src/components/gov-accordion/gov-accordion-item.d.tsx"],"names":[],"mappings":"","sourcesContent":["export interface GovAccordionItemChangeEvent {\n\topen: boolean;\n\telement: HTMLGovAccordionItemElement\n}\n"]}