@ivds/core 0.1.1

package/lib/components/tag/tag.min.css

@@ -0,0 +1 @@
+.ivds-tag{align-items:center;border:var(--borderWidth-1,1px) solid transparent;border-radius:var(--borderRadius-md,.375rem);display:inline-flex;font-family:var(--fontFamily-sans,system-ui,-apple-system,sans-serif);font-weight:var(--fontWeight-medium,500);line-height:var(--lineHeight-tight,1.25);text-decoration:none;transition:all .15s ease-in-out;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.ivds-tag:focus-within{outline:2px solid var(--color-brand-primary-500,#0ea5e9);outline-offset:2px}.ivds-tag{font-size:var(--fontSize-sm,.875rem);gap:var(--spacing-2,.5rem);min-height:24px;padding:var(--spacing-1,.25rem) var(--spacing-3,.75rem)}.ivds-tag .ivds-tag__icon{align-items:center;display:inline-flex;flex-shrink:0;justify-content:center}.ivds-tag .ivds-tag__icon svg{fill:currentcolor;height:1em;width:1em}.ivds-tag{background-color:var(--color-semantic-neutral-100,#f1f5f9);border-color:transparent;color:var(--color-semantic-neutral-700,#334155)}.ivds-tag:hover{background-color:var(--color-semantic-neutral-200,#e2e8f0)}.ivds-tag__icon{align-items:center;display:inline-flex;flex-shrink:0;justify-content:center}.ivds-tag__icon svg{fill:currentcolor;height:1em;width:1em}.ivds-tag__text{flex:1}.ivds-tag__remove{align-items:center;display:inline-flex;flex-shrink:0;justify-content:center}.ivds-tag__remove svg{fill:currentcolor;height:.875em;width:.875em}.ivds-tag--primary{background-color:var(--color-brand-primary-100,#ffedd5);border-color:transparent;color:var(--color-brand-primary-700,#c2410c)}.ivds-tag--primary:hover{background-color:var(--color-brand-primary-200,#fed7aa)}.ivds-tag--success{background-color:var(--color-semantic-success-100,#dcfce7);border-color:transparent;color:var(--color-semantic-success-700,#15803d)}.ivds-tag--success:hover{background-color:var(--color-semantic-success-200,#bbf7d0)}.ivds-tag--warning{background-color:var(--color-semantic-warning-100,#fef3c7);border-color:transparent;color:var(--color-semantic-warning-700,#b45309)}.ivds-tag--warning:hover{background-color:var(--color-semantic-warning-200,#fed7aa)}.ivds-tag--error{background-color:var(--color-semantic-error-100,#fee2e2);border-color:transparent;color:var(--color-semantic-error-700,#b91c1c)}.ivds-tag--error:hover{background-color:var(--color-semantic-error-200,#fecaca)}.ivds-tag--info{background-color:var(--color-semantic-info-100,#dbeafe);border-color:transparent;color:var(--color-semantic-info-700,#1d4ed8)}.ivds-tag--info:hover{background-color:var(--color-semantic-info-200,#bfdbfe)}.ivds-tag--outlined.ivds-tag{background-color:transparent;border-color:var(--color-semantic-neutral-300,#cbd5e1);color:var(--color-semantic-neutral-700,#334155)}.ivds-tag--outlined.ivds-tag:hover{background-color:var(--color-semantic-neutral-50,#f8fafc)}.ivds-tag--outlined.ivds-tag--primary{background-color:transparent;border-color:var(--color-brand-primary-300,#fdba74);color:var(--color-brand-primary-700,#c2410c)}.ivds-tag--outlined.ivds-tag--primary:hover{background-color:var(--color-brand-primary-50,#fff7ed)}.ivds-tag--outlined.ivds-tag--success{background-color:transparent;border-color:var(--color-semantic-success-300,#86efac);color:var(--color-semantic-success-700,#15803d)}.ivds-tag--outlined.ivds-tag--success:hover{background-color:var(--color-semantic-success-50,#f0fdf4)}.ivds-tag--outlined.ivds-tag--warning{background-color:transparent;border-color:var(--color-semantic-warning-300,#fcd34d);color:var(--color-semantic-warning-700,#b45309)}.ivds-tag--outlined.ivds-tag--warning:hover{background-color:var(--color-semantic-warning-50,#fffbeb)}.ivds-tag--outlined.ivds-tag--error{background-color:transparent;border-color:var(--color-semantic-error-300,#fca5a5);color:var(--color-semantic-error-700,#b91c1c)}.ivds-tag--outlined.ivds-tag--error:hover{background-color:var(--color-semantic-error-50,#fef2f2)}.ivds-tag--outlined.ivds-tag--info{background-color:transparent;border-color:var(--color-semantic-info-300,#93c5fd);color:var(--color-semantic-info-700,#1d4ed8)}.ivds-tag--outlined.ivds-tag--info:hover{background-color:var(--color-semantic-info-50,#eff6ff)}.ivds-tag--solid.ivds-tag{background-color:var(--color-semantic-neutral-600,#475569);border-color:var(--color-semantic-neutral-600,#475569);color:var(--color-semantic-neutral-50,#f8fafc)}.ivds-tag--solid.ivds-tag:hover{background-color:var(--color-semantic-neutral-700,#334155);border-color:var(--color-semantic-neutral-700,#334155)}.ivds-tag--solid.ivds-tag--primary{background-color:var(--color-brand-primary-600,#ea580c);border-color:var(--color-brand-primary-600,#ea580c);color:var(--color-semantic-neutral-50,#fafafa)}.ivds-tag--solid.ivds-tag--primary:hover{background-color:var(--color-brand-primary-700,#c2410c);border-color:var(--color-brand-primary-700,#c2410c)}.ivds-tag--solid.ivds-tag--success{background-color:var(--color-semantic-success-600,#16a34a);border-color:var(--color-semantic-success-600,#16a34a);color:var(--color-semantic-neutral-50,#f8fafc)}.ivds-tag--solid.ivds-tag--success:hover{background-color:var(--color-semantic-success-700,#15803d);border-color:var(--color-semantic-success-700,#15803d)}.ivds-tag--solid.ivds-tag--warning{background-color:var(--color-semantic-warning-600,#d97706);border-color:var(--color-semantic-warning-600,#d97706);color:var(--color-semantic-neutral-50,#f8fafc)}.ivds-tag--solid.ivds-tag--warning:hover{background-color:var(--color-semantic-warning-700,#b45309);border-color:var(--color-semantic-warning-700,#b45309)}.ivds-tag--solid.ivds-tag--error{background-color:var(--color-semantic-error-600,#dc2626);border-color:var(--color-semantic-error-600,#dc2626);color:var(--color-semantic-neutral-50,#f8fafc)}.ivds-tag--solid.ivds-tag--error:hover{background-color:var(--color-semantic-error-700,#b91c1c);border-color:var(--color-semantic-error-700,#b91c1c)}.ivds-tag--solid.ivds-tag--info{background-color:var(--color-semantic-info-600,#2563eb);border-color:var(--color-semantic-info-600,#2563eb);color:var(--color-semantic-neutral-50,#f8fafc)}.ivds-tag--solid.ivds-tag--info:hover{background-color:var(--color-semantic-info-700,#1d4ed8);border-color:var(--color-semantic-info-700,#1d4ed8)}.ivds-tag--small{font-size:var(--fontSize-xs,.75rem);min-height:20px;padding:var(--spacing-1,.25rem) var(--spacing-2,.5rem)}.ivds-tag--small .ivds-tag__icon svg{height:.875em;width:.875em}.ivds-tag--small.ivds-tag--removable .ivds-tag__remove{margin-left:var(--spacing-1,.25rem);padding:2px}.ivds-tag--small.ivds-tag--removable .ivds-tag__remove svg{height:.75em;width:.75em}.ivds-tag--large{font-size:var(--fontSize-base,1rem);min-height:32px;padding:var(--spacing-2,.5rem) var(--spacing-4,1rem)}.ivds-tag--large .ivds-tag__icon svg{height:1.125em;width:1.125em}.ivds-tag--large.ivds-tag--removable .ivds-tag__remove{margin-left:var(--spacing-3,.75rem);padding:var(--spacing-1,.25rem)}.ivds-tag--large.ivds-tag--removable .ivds-tag__remove svg{height:1em;width:1em}.ivds-tag--removable{padding-right:var(--spacing-1,.25rem)}.ivds-tag--removable .ivds-tag__remove{align-items:center;background:transparent;border:none;border-radius:var(--borderRadius-sm,.25rem);color:inherit;cursor:pointer;display:inline-flex;justify-content:center;margin-left:var(--spacing-2,.5rem);opacity:.7;padding:var(--spacing-1,.25rem);transition:opacity .15s ease-in-out,background-color .15s ease-in-out}.ivds-tag--removable .ivds-tag__remove:hover{background-color:rgba(0,0,0,.1);opacity:1}.ivds-tag--removable .ivds-tag__remove:focus{opacity:1;outline:2px solid var(--color-brand-primary-500,#0ea5e9);outline-offset:1px}.ivds-tag--removable .ivds-tag__remove:active{transform:scale(.95)}.ivds-tag--removable .ivds-tag__remove svg{fill:currentcolor;height:.875em;width:.875em}.ivds-tag--link{cursor:pointer}.ivds-tag--link,.ivds-tag--link:hover{text-decoration:none}.ivds-tag--link:focus{outline:2px solid var(--color-brand-primary-500,#0ea5e9);outline-offset:2px}.ivds-tag--link:active{transform:translateY(1px)}.ivds-tag--interactive{cursor:pointer}.ivds-tag--interactive:hover{box-shadow:var(--shadow-sm,0 1px 2px 0 rgba(0,0,0,.05));transform:translateY(-1px)}.ivds-tag--interactive:active{transform:translateY(0)}.ivds-tag--new{position:relative}.ivds-tag--new:after{background-color:var(--color-semantic-success-500,#22c55e);border:1px solid var(--color-semantic-neutral-50,#f8fafc);border-radius:50%;content:"";height:6px;position:absolute;right:-2px;top:-2px;width:6px}.ivds-tag--updated{position:relative}.ivds-tag--updated:after{background-color:var(--color-semantic-info-500,#3b82f6);border:1px solid var(--color-semantic-neutral-50,#f8fafc);border-radius:50%;content:"";height:6px;position:absolute;right:-2px;top:-2px;width:6px}.ivds-tag--disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.ivds-tag-group{gap:var(--spacing-2,.5rem)}.ivds-tag-group,.ivds-tag-group--compact{align-items:center;display:flex;flex-wrap:wrap}.ivds-tag-group--compact{gap:var(--spacing-1,.25rem)}.ivds-tag-group--spacious{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-3,.75rem)}

package/lib/components/text-input/text-input.css

@@ -0,0 +1,243 @@
+@charset "UTF-8";
+/* Text input component styles*/
+/* Provides styling for the IVDS text input component with all variants, sizes, and states*/
+/* Text Input Wrapper*/
+.ivds-text-input-wrapper {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-2, 0.5rem);
+}
+/* Text Input Base*/
+.ivds-text-input {
+  display: block;
+  width: 100%;
+  border: var(--borderWidth-1, 1px) solid var(--color-semantic-neutral-300, #cbd5e1);
+  border-radius: var(--borderRadius-md, 0.375rem);
+  font-family: var(--fontFamily-sans, system-ui, -apple-system, sans-serif);
+  line-height: var(--lineHeight-normal, 1.5);
+  color: var(--color-semantic-neutral-900, #0f172a);
+  background-color: var(--color-semantic-neutral-50, #f8fafc);
+  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+}
+.ivds-text-input::-moz-placeholder {
+  color: var(--color-semantic-neutral-500, #64748b);
+}
+.ivds-text-input::placeholder {
+  color: var(--color-semantic-neutral-500, #64748b);
+}
+.ivds-text-input:focus {
+  outline: none;
+  border-color: var(--color-brand-primary-500, #f97316);
+  box-shadow: 0 0 0 3px rgba(249, 115, 22, 0.1);
+}
+.ivds-text-input:disabled {
+  background-color: var(--color-semantic-neutral-100, #f1f5f9);
+  color: var(--color-semantic-neutral-500, #64748b);
+  cursor: not-allowed;
+  opacity: 0.6;
+}
+.ivds-text-input {
+  padding: var(--spacing-3, 0.75rem) var(--spacing-3, 0.75rem);
+  font-size: var(--fontSize-base, 1rem);
+  min-height: 44px;
+}
+/* Text Input Label*/
+.ivds-text-input__label {
+  display: block;
+  font-size: var(--fontSize-sm, 0.875rem);
+  font-weight: var(--fontWeight-medium, 500);
+  color: var(--color-semantic-neutral-700, #374151);
+  margin-bottom: var(--spacing-1, 0.25rem);
+}
+.ivds-text-input__label--required::after {
+  content: " *";
+  color: var(--color-semantic-error-500, #ef4444);
+}
+/* Text Input Helper Text*/
+.ivds-text-input__helper {
+  font-size: var(--fontSize-sm, 0.875rem);
+  color: var(--color-semantic-neutral-600, #4b5563);
+  margin-top: var(--spacing-1, 0.25rem);
+}
+/* Text Input Error Text*/
+.ivds-text-input__error {
+  font-size: var(--fontSize-sm, 0.875rem);
+  color: var(--color-semantic-error-600, #dc2626);
+  margin-top: var(--spacing-1, 0.25rem);
+}
+.ivds-text-input__error::before {
+  content: "⚠ ";
+  margin-right: var(--spacing-1, 0.25rem);
+}
+/* Text Input Sizes*/
+.ivds-text-input--small {
+  padding: var(--spacing-2, 0.5rem) var(--spacing-3, 0.75rem);
+  font-size: var(--fontSize-sm, 0.875rem);
+  min-height: 32px;
+}
+.ivds-text-input--large {
+  padding: var(--spacing-4, 1rem) var(--spacing-4, 1rem);
+  font-size: var(--fontSize-lg, 1.125rem);
+  min-height: 56px;
+}
+/* Text Input States*/
+.ivds-text-input--error {
+  border-color: var(--color-semantic-error-500, #ef4444);
+}
+.ivds-text-input--error:focus {
+  border-color: var(--color-semantic-error-500, #ef4444);
+  box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.1);
+}
+.ivds-text-input--success {
+  border-color: var(--color-semantic-success-500, #10b981);
+}
+.ivds-text-input--success:focus {
+  border-color: var(--color-semantic-success-500, #10b981);
+  box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.1);
+}
+.ivds-text-input--warning {
+  border-color: var(--color-semantic-warning-500, #f59e0b);
+}
+.ivds-text-input--warning:focus {
+  border-color: var(--color-semantic-warning-500, #f59e0b);
+  box-shadow: 0 0 0 3px rgba(245, 158, 11, 0.1);
+}
+/* Text Input with Icons*/
+.ivds-text-input-wrapper--icon-left {
+  position: relative;
+}
+.ivds-text-input-wrapper--icon-left .ivds-text-input {
+  padding-left: 2.5rem;
+}
+.ivds-text-input-wrapper--icon-left .ivds-text-input__icon {
+  position: absolute;
+  top: 50%;
+  left: var(--spacing-3, 0.75rem);
+  transform: translateY(-50%);
+  width: 20px;
+  height: 20px;
+  color: var(--color-semantic-neutral-500, #64748b);
+  pointer-events: none;
+}
+.ivds-text-input-wrapper--icon-left .ivds-text-input__icon svg {
+  width: 100%;
+  height: 100%;
+  fill: currentcolor;
+}
+.ivds-text-input-wrapper--icon-right {
+  position: relative;
+}
+.ivds-text-input-wrapper--icon-right .ivds-text-input {
+  padding-right: 2.5rem;
+}
+.ivds-text-input-wrapper--icon-right .ivds-text-input__icon {
+  position: absolute;
+  top: 50%;
+  right: var(--spacing-3, 0.75rem);
+  transform: translateY(-50%);
+  width: 20px;
+  height: 20px;
+  color: var(--color-semantic-neutral-500, #64748b);
+  pointer-events: none;
+}
+.ivds-text-input-wrapper--icon-right .ivds-text-input__icon svg {
+  width: 100%;
+  height: 100%;
+  fill: currentcolor;
+}
+.ivds-text-input__icon {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.ivds-text-input__icon svg {
+  width: 100%;
+  height: 100%;
+  fill: currentcolor;
+}
+/* Text Input Group (with addons)*/
+.ivds-text-input-group {
+  display: flex;
+  align-items: stretch;
+}
+.ivds-text-input-group .ivds-text-input {
+  flex: 1;
+  border-radius: 0;
+}
+.ivds-text-input-group .ivds-text-input:first-child {
+  border-top-left-radius: var(--borderRadius-md, 0.375rem);
+  border-bottom-left-radius: var(--borderRadius-md, 0.375rem);
+}
+.ivds-text-input-group .ivds-text-input:last-child {
+  border-top-right-radius: var(--borderRadius-md, 0.375rem);
+  border-bottom-right-radius: var(--borderRadius-md, 0.375rem);
+}
+.ivds-text-input-group .ivds-text-input:not(:first-child) {
+  border-left: 0;
+}
+.ivds-text-input-group .ivds-text-input__addon {
+  display: flex;
+  align-items: center;
+  padding: var(--spacing-3, 0.75rem);
+  background-color: var(--color-semantic-neutral-100, #f1f5f9);
+  border: var(--borderWidth-1, 1px) solid var(--color-semantic-neutral-300, #cbd5e1);
+  color: var(--color-semantic-neutral-600, #4b5563);
+  font-size: var(--fontSize-sm, 0.875rem);
+  white-space: nowrap;
+}
+.ivds-text-input-group .ivds-text-input__addon:first-child {
+  border-top-left-radius: var(--borderRadius-md, 0.375rem);
+  border-bottom-left-radius: var(--borderRadius-md, 0.375rem);
+  border-right: 0;
+}
+.ivds-text-input-group .ivds-text-input__addon:last-child {
+  border-top-right-radius: var(--borderRadius-md, 0.375rem);
+  border-bottom-right-radius: var(--borderRadius-md, 0.375rem);
+  border-left: 0;
+}
+/* Text Input Variants*/
+.ivds-text-input--filled {
+  background-color: var(--color-semantic-neutral-100, #f5f5f5);
+  border-color: transparent;
+}
+.ivds-text-input--filled:focus {
+  background-color: var(--color-semantic-neutral-50, #fafafa);
+  border-color: var(--color-brand-primary-500, #f97316);
+}
+.ivds-text-input--filled:disabled {
+  background-color: var(--color-semantic-neutral-200, #e5e5e5);
+}
+.ivds-text-input--borderless {
+  border-color: transparent;
+  background-color: transparent;
+}
+.ivds-text-input--borderless:focus {
+  border-color: var(--color-brand-primary-500, #f97316);
+  background-color: var(--color-semantic-neutral-50, #fafafa);
+}
+/* Textarea specific styles*/
+.ivds-text-input--textarea {
+  min-height: 120px;
+  resize: vertical;
+}
+.ivds-text-input--textarea--no-resize {
+  resize: none;
+}
+.ivds-text-input--textarea--auto-resize {
+  resize: none;
+  overflow: hidden;
+}
+/* Full width modifier*/
+.ivds-text-input--full-width {
+  width: 100%;
+}
+/* Readonly state*/
+.ivds-text-input[readonly] {
+  background-color: var(--color-semantic-neutral-50, #f8fafc);
+  cursor: default;
+}
+.ivds-text-input[readonly]:focus {
+  box-shadow: none;
+  border-color: var(--color-semantic-neutral-300, #d4d4d4);
+}

package/lib/components/text-input/text-input.min.css

@@ -0,0 +1 @@
+@charset "UTF-8";.ivds-text-input-wrapper{display:flex;flex-direction:column;gap:var(--spacing-2,.5rem);position:relative}.ivds-text-input{background-color:var(--color-semantic-neutral-50,#f8fafc);border:var(--borderWidth-1,1px) solid var(--color-semantic-neutral-300,#cbd5e1);border-radius:var(--borderRadius-md,.375rem);color:var(--color-semantic-neutral-900,#0f172a);display:block;font-family:var(--fontFamily-sans,system-ui,-apple-system,sans-serif);line-height:var(--lineHeight-normal,1.5);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:100%}.ivds-text-input::-moz-placeholder{color:var(--color-semantic-neutral-500,#64748b)}.ivds-text-input::placeholder{color:var(--color-semantic-neutral-500,#64748b)}.ivds-text-input:focus{border-color:var(--color-brand-primary-500,#f97316);box-shadow:0 0 0 3px rgba(249,115,22,.1);outline:none}.ivds-text-input:disabled{background-color:var(--color-semantic-neutral-100,#f1f5f9);color:var(--color-semantic-neutral-500,#64748b);cursor:not-allowed;opacity:.6}.ivds-text-input{font-size:var(--fontSize-base,1rem);min-height:44px;padding:var(--spacing-3,.75rem) var(--spacing-3,.75rem)}.ivds-text-input__label{color:var(--color-semantic-neutral-700,#374151);display:block;font-size:var(--fontSize-sm,.875rem);font-weight:var(--fontWeight-medium,500);margin-bottom:var(--spacing-1,.25rem)}.ivds-text-input__label--required:after{color:var(--color-semantic-error-500,#ef4444);content:" *"}.ivds-text-input__helper{color:var(--color-semantic-neutral-600,#4b5563)}.ivds-text-input__error,.ivds-text-input__helper{font-size:var(--fontSize-sm,.875rem);margin-top:var(--spacing-1,.25rem)}.ivds-text-input__error{color:var(--color-semantic-error-600,#dc2626)}.ivds-text-input__error:before{content:"⚠ ";margin-right:var(--spacing-1,.25rem)}.ivds-text-input--small{font-size:var(--fontSize-sm,.875rem);min-height:32px;padding:var(--spacing-2,.5rem) var(--spacing-3,.75rem)}.ivds-text-input--large{font-size:var(--fontSize-lg,1.125rem);min-height:56px;padding:var(--spacing-4,1rem) var(--spacing-4,1rem)}.ivds-text-input--error,.ivds-text-input--error:focus{border-color:var(--color-semantic-error-500,#ef4444)}.ivds-text-input--error:focus{box-shadow:0 0 0 3px rgba(239,68,68,.1)}.ivds-text-input--success,.ivds-text-input--success:focus{border-color:var(--color-semantic-success-500,#10b981)}.ivds-text-input--success:focus{box-shadow:0 0 0 3px rgba(16,185,129,.1)}.ivds-text-input--warning,.ivds-text-input--warning:focus{border-color:var(--color-semantic-warning-500,#f59e0b)}.ivds-text-input--warning:focus{box-shadow:0 0 0 3px rgba(245,158,11,.1)}.ivds-text-input-wrapper--icon-left{position:relative}.ivds-text-input-wrapper--icon-left .ivds-text-input{padding-left:2.5rem}.ivds-text-input-wrapper--icon-left .ivds-text-input__icon{color:var(--color-semantic-neutral-500,#64748b);height:20px;left:var(--spacing-3,.75rem);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);width:20px}.ivds-text-input-wrapper--icon-left .ivds-text-input__icon svg{fill:currentcolor;height:100%;width:100%}.ivds-text-input-wrapper--icon-right{position:relative}.ivds-text-input-wrapper--icon-right .ivds-text-input{padding-right:2.5rem}.ivds-text-input-wrapper--icon-right .ivds-text-input__icon{color:var(--color-semantic-neutral-500,#64748b);height:20px;pointer-events:none;position:absolute;right:var(--spacing-3,.75rem);top:50%;transform:translateY(-50%);width:20px}.ivds-text-input-wrapper--icon-right .ivds-text-input__icon svg{fill:currentcolor;height:100%;width:100%}.ivds-text-input__icon{align-items:center;display:flex;justify-content:center}.ivds-text-input__icon svg{fill:currentcolor;height:100%;width:100%}.ivds-text-input-group{align-items:stretch;display:flex}.ivds-text-input-group .ivds-text-input{border-radius:0;flex:1}.ivds-text-input-group .ivds-text-input:first-child{border-bottom-left-radius:var(--borderRadius-md,.375rem);border-top-left-radius:var(--borderRadius-md,.375rem)}.ivds-text-input-group .ivds-text-input:last-child{border-bottom-right-radius:var(--borderRadius-md,.375rem);border-top-right-radius:var(--borderRadius-md,.375rem)}.ivds-text-input-group .ivds-text-input:not(:first-child){border-left:0}.ivds-text-input-group .ivds-text-input__addon{align-items:center;background-color:var(--color-semantic-neutral-100,#f1f5f9);border:var(--borderWidth-1,1px) solid var(--color-semantic-neutral-300,#cbd5e1);color:var(--color-semantic-neutral-600,#4b5563);display:flex;font-size:var(--fontSize-sm,.875rem);padding:var(--spacing-3,.75rem);white-space:nowrap}.ivds-text-input-group .ivds-text-input__addon:first-child{border-bottom-left-radius:var(--borderRadius-md,.375rem);border-right:0;border-top-left-radius:var(--borderRadius-md,.375rem)}.ivds-text-input-group .ivds-text-input__addon:last-child{border-bottom-right-radius:var(--borderRadius-md,.375rem);border-left:0;border-top-right-radius:var(--borderRadius-md,.375rem)}.ivds-text-input--filled{background-color:var(--color-semantic-neutral-100,#f5f5f5);border-color:transparent}.ivds-text-input--filled:focus{background-color:var(--color-semantic-neutral-50,#fafafa);border-color:var(--color-brand-primary-500,#f97316)}.ivds-text-input--filled:disabled{background-color:var(--color-semantic-neutral-200,#e5e5e5)}.ivds-text-input--borderless{background-color:transparent;border-color:transparent}.ivds-text-input--borderless:focus{background-color:var(--color-semantic-neutral-50,#fafafa);border-color:var(--color-brand-primary-500,#f97316)}.ivds-text-input--textarea{min-height:120px;resize:vertical}.ivds-text-input--textarea--no-resize{resize:none}.ivds-text-input--textarea--auto-resize{overflow:hidden;resize:none}.ivds-text-input--full-width{width:100%}.ivds-text-input[readonly]{background-color:var(--color-semantic-neutral-50,#f8fafc);cursor:default}.ivds-text-input[readonly]:focus{border-color:var(--color-semantic-neutral-300,#d4d4d4);box-shadow:none}

package/lib/icons/icon-arrow-left.css

@@ -0,0 +1,139 @@
+@charset "UTF-8";
+/* Arrow left icon*/
+.ivds-icon {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 1em;
+  height: 1em;
+  fill: currentcolor;
+  flex-shrink: 0;
+  vertical-align: middle;
+}
+.ivds-icon svg {
+  width: 100%;
+  height: 100%;
+  fill: inherit;
+  display: block;
+}
+.ivds-icon::before {
+  font-style: normal;
+  font-feature-settings: normal;
+  font-variant: normal;
+  text-rendering: auto;
+  line-height: 1;
+}
+.ivds-icon {
+  width: var(--fontSize-base, 1rem);
+  height: var(--fontSize-base, 1rem);
+  font-size: var(--fontSize-base, 1rem);
+}
+.ivds-icon--xs {
+  width: var(--fontSize-xs, 0.75rem);
+  height: var(--fontSize-xs, 0.75rem);
+  font-size: var(--fontSize-xs, 0.75rem);
+}
+.ivds-icon--sm {
+  width: var(--fontSize-sm, 0.875rem);
+  height: var(--fontSize-sm, 0.875rem);
+  font-size: var(--fontSize-sm, 0.875rem);
+}
+.ivds-icon--md {
+  width: var(--fontSize-base, 1rem);
+  height: var(--fontSize-base, 1rem);
+  font-size: var(--fontSize-base, 1rem);
+}
+.ivds-icon--lg {
+  width: var(--fontSize-lg, 1.125rem);
+  height: var(--fontSize-lg, 1.125rem);
+  font-size: var(--fontSize-lg, 1.125rem);
+}
+.ivds-icon--xl {
+  width: var(--fontSize-xl, 1.25rem);
+  height: var(--fontSize-xl, 1.25rem);
+  font-size: var(--fontSize-xl, 1.25rem);
+}
+.ivds-icon--2xl {
+  width: var(--fontSize-2xl, 1.5rem);
+  height: var(--fontSize-2xl, 1.5rem);
+  font-size: var(--fontSize-2xl, 1.5rem);
+}
+.ivds-icon--3xl {
+  width: var(--fontSize-3xl, 1.875rem);
+  height: var(--fontSize-3xl, 1.875rem);
+  font-size: var(--fontSize-3xl, 1.875rem);
+}
+.ivds-icon--primary {
+  color: var(--color-brand-primary-500, #0ea5e9);
+}
+.ivds-icon--secondary {
+  color: var(--color-semantic-neutral-600, #6b7280);
+}
+.ivds-icon--success {
+  color: var(--color-semantic-success-500, #10b981);
+}
+.ivds-icon--warning {
+  color: var(--color-semantic-warning-500, #f59e0b);
+}
+.ivds-icon--error {
+  color: var(--color-semantic-error-500, #ef4444);
+}
+.ivds-icon--info {
+  color: var(--color-brand-primary-500, #0ea5e9);
+}
+.ivds-icon--interactive {
+  cursor: pointer;
+  transition: color 0.15s ease-in-out, transform 0.15s ease-in-out;
+}
+.ivds-icon--interactive:hover {
+  transform: scale(1.1);
+}
+.ivds-icon--interactive:active {
+  transform: scale(0.95);
+}
+.ivds-icon--disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+  pointer-events: none;
+}
+.ivds-icon--arrow-left {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 1em;
+  height: 1em;
+  fill: currentcolor;
+  flex-shrink: 0;
+  vertical-align: middle;
+}
+.ivds-icon--arrow-left svg {
+  width: 100%;
+  height: 100%;
+  fill: inherit;
+  display: block;
+}
+.ivds-icon--arrow-left::before {
+  font-style: normal;
+  font-feature-settings: normal;
+  font-variant: normal;
+  text-rendering: auto;
+  line-height: 1;
+}
+.ivds-icon--arrow-left {
+  /* SVG icon using PostCSS inline-svg (fallback to Unicode)*/
+  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='currentcolor'%3E %3Cpath d='m15 18-6-6 6-6'/%3E %3C/svg%3E");
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: contain;
+  /* Unicode fallback*/
+}
+.ivds-icon--arrow-left::before {
+  content: "←";
+  font-size: inherit;
+}
+.ivds-icon--arrow-left {
+  /* Hide text when SVG is available*/
+}
+.ivds-icon--arrow-left:not(.ivds-icon--no-svg)::before {
+  display: none;
+}

package/lib/icons/icon-arrow-left.min.css

@@ -0,0 +1 @@
+@charset "UTF-8";.ivds-icon{align-items:center;display:inline-flex;fill:currentcolor;flex-shrink:0;height:1em;justify-content:center;vertical-align:middle;width:1em}.ivds-icon svg{display:block;fill:inherit;height:100%;width:100%}.ivds-icon:before{font-feature-settings:normal;font-style:normal;font-variant:normal;line-height:1;text-rendering:auto}.ivds-icon{font-size:var(--fontSize-base,1rem);height:var(--fontSize-base,1rem);width:var(--fontSize-base,1rem)}.ivds-icon--xs{font-size:var(--fontSize-xs,.75rem);height:var(--fontSize-xs,.75rem);width:var(--fontSize-xs,.75rem)}.ivds-icon--sm{font-size:var(--fontSize-sm,.875rem);height:var(--fontSize-sm,.875rem);width:var(--fontSize-sm,.875rem)}.ivds-icon--md{font-size:var(--fontSize-base,1rem);height:var(--fontSize-base,1rem);width:var(--fontSize-base,1rem)}.ivds-icon--lg{font-size:var(--fontSize-lg,1.125rem);height:var(--fontSize-lg,1.125rem);width:var(--fontSize-lg,1.125rem)}.ivds-icon--xl{font-size:var(--fontSize-xl,1.25rem);height:var(--fontSize-xl,1.25rem);width:var(--fontSize-xl,1.25rem)}.ivds-icon--2xl{font-size:var(--fontSize-2xl,1.5rem);height:var(--fontSize-2xl,1.5rem);width:var(--fontSize-2xl,1.5rem)}.ivds-icon--3xl{font-size:var(--fontSize-3xl,1.875rem);height:var(--fontSize-3xl,1.875rem);width:var(--fontSize-3xl,1.875rem)}.ivds-icon--primary{color:var(--color-brand-primary-500,#0ea5e9)}.ivds-icon--secondary{color:var(--color-semantic-neutral-600,#6b7280)}.ivds-icon--success{color:var(--color-semantic-success-500,#10b981)}.ivds-icon--warning{color:var(--color-semantic-warning-500,#f59e0b)}.ivds-icon--error{color:var(--color-semantic-error-500,#ef4444)}.ivds-icon--info{color:var(--color-brand-primary-500,#0ea5e9)}.ivds-icon--interactive{cursor:pointer;transition:color .15s ease-in-out,transform .15s ease-in-out}.ivds-icon--interactive:hover{transform:scale(1.1)}.ivds-icon--interactive:active{transform:scale(.95)}.ivds-icon--disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.ivds-icon--arrow-left{align-items:center;display:inline-flex;fill:currentcolor;flex-shrink:0;height:1em;justify-content:center;vertical-align:middle;width:1em}.ivds-icon--arrow-left svg{display:block;fill:inherit;height:100%;width:100%}.ivds-icon--arrow-left:before{font-feature-settings:normal;font-style:normal;font-variant:normal;line-height:1;text-rendering:auto}.ivds-icon--arrow-left{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentcolor' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='m15 18-6-6 6-6'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:contain}.ivds-icon--arrow-left:before{content:"←";font-size:inherit}.ivds-icon--arrow-left:not(.ivds-icon--no-svg):before{display:none}

package/lib/icons/icon-arrow-right.css

@@ -0,0 +1,139 @@
+@charset "UTF-8";
+/* Arrow right icon*/
+.ivds-icon {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 1em;
+  height: 1em;
+  fill: currentcolor;
+  flex-shrink: 0;
+  vertical-align: middle;
+}
+.ivds-icon svg {
+  width: 100%;
+  height: 100%;
+  fill: inherit;
+  display: block;
+}
+.ivds-icon::before {
+  font-style: normal;
+  font-feature-settings: normal;
+  font-variant: normal;
+  text-rendering: auto;
+  line-height: 1;
+}
+.ivds-icon {
+  width: var(--fontSize-base, 1rem);
+  height: var(--fontSize-base, 1rem);
+  font-size: var(--fontSize-base, 1rem);
+}
+.ivds-icon--xs {
+  width: var(--fontSize-xs, 0.75rem);
+  height: var(--fontSize-xs, 0.75rem);
+  font-size: var(--fontSize-xs, 0.75rem);
+}
+.ivds-icon--sm {
+  width: var(--fontSize-sm, 0.875rem);
+  height: var(--fontSize-sm, 0.875rem);
+  font-size: var(--fontSize-sm, 0.875rem);
+}
+.ivds-icon--md {
+  width: var(--fontSize-base, 1rem);
+  height: var(--fontSize-base, 1rem);
+  font-size: var(--fontSize-base, 1rem);
+}
+.ivds-icon--lg {
+  width: var(--fontSize-lg, 1.125rem);
+  height: var(--fontSize-lg, 1.125rem);
+  font-size: var(--fontSize-lg, 1.125rem);
+}
+.ivds-icon--xl {
+  width: var(--fontSize-xl, 1.25rem);
+  height: var(--fontSize-xl, 1.25rem);
+  font-size: var(--fontSize-xl, 1.25rem);
+}
+.ivds-icon--2xl {
+  width: var(--fontSize-2xl, 1.5rem);
+  height: var(--fontSize-2xl, 1.5rem);
+  font-size: var(--fontSize-2xl, 1.5rem);
+}
+.ivds-icon--3xl {
+  width: var(--fontSize-3xl, 1.875rem);
+  height: var(--fontSize-3xl, 1.875rem);
+  font-size: var(--fontSize-3xl, 1.875rem);
+}
+.ivds-icon--primary {
+  color: var(--color-brand-primary-500, #0ea5e9);
+}
+.ivds-icon--secondary {
+  color: var(--color-semantic-neutral-600, #6b7280);
+}
+.ivds-icon--success {
+  color: var(--color-semantic-success-500, #10b981);
+}
+.ivds-icon--warning {
+  color: var(--color-semantic-warning-500, #f59e0b);
+}
+.ivds-icon--error {
+  color: var(--color-semantic-error-500, #ef4444);
+}
+.ivds-icon--info {
+  color: var(--color-brand-primary-500, #0ea5e9);
+}
+.ivds-icon--interactive {
+  cursor: pointer;
+  transition: color 0.15s ease-in-out, transform 0.15s ease-in-out;
+}
+.ivds-icon--interactive:hover {
+  transform: scale(1.1);
+}
+.ivds-icon--interactive:active {
+  transform: scale(0.95);
+}
+.ivds-icon--disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+  pointer-events: none;
+}
+.ivds-icon--arrow-right {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 1em;
+  height: 1em;
+  fill: currentcolor;
+  flex-shrink: 0;
+  vertical-align: middle;
+}
+.ivds-icon--arrow-right svg {
+  width: 100%;
+  height: 100%;
+  fill: inherit;
+  display: block;
+}
+.ivds-icon--arrow-right::before {
+  font-style: normal;
+  font-feature-settings: normal;
+  font-variant: normal;
+  text-rendering: auto;
+  line-height: 1;
+}
+.ivds-icon--arrow-right {
+  /* SVG icon using PostCSS inline-svg (fallback to Unicode)*/
+  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='currentcolor'%3E %3Cpath d='m9 18 6-6-6-6'/%3E %3C/svg%3E");
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: contain;
+  /* Unicode fallback*/
+}
+.ivds-icon--arrow-right::before {
+  content: "→";
+  font-size: inherit;
+}
+.ivds-icon--arrow-right {
+  /* Hide text when SVG is available*/
+}
+.ivds-icon--arrow-right:not(.ivds-icon--no-svg)::before {
+  display: none;
+}

package/lib/icons/icon-arrow-right.min.css

@@ -0,0 +1 @@
+@charset "UTF-8";.ivds-icon{align-items:center;display:inline-flex;fill:currentcolor;flex-shrink:0;height:1em;justify-content:center;vertical-align:middle;width:1em}.ivds-icon svg{display:block;fill:inherit;height:100%;width:100%}.ivds-icon:before{font-feature-settings:normal;font-style:normal;font-variant:normal;line-height:1;text-rendering:auto}.ivds-icon{font-size:var(--fontSize-base,1rem);height:var(--fontSize-base,1rem);width:var(--fontSize-base,1rem)}.ivds-icon--xs{font-size:var(--fontSize-xs,.75rem);height:var(--fontSize-xs,.75rem);width:var(--fontSize-xs,.75rem)}.ivds-icon--sm{font-size:var(--fontSize-sm,.875rem);height:var(--fontSize-sm,.875rem);width:var(--fontSize-sm,.875rem)}.ivds-icon--md{font-size:var(--fontSize-base,1rem);height:var(--fontSize-base,1rem);width:var(--fontSize-base,1rem)}.ivds-icon--lg{font-size:var(--fontSize-lg,1.125rem);height:var(--fontSize-lg,1.125rem);width:var(--fontSize-lg,1.125rem)}.ivds-icon--xl{font-size:var(--fontSize-xl,1.25rem);height:var(--fontSize-xl,1.25rem);width:var(--fontSize-xl,1.25rem)}.ivds-icon--2xl{font-size:var(--fontSize-2xl,1.5rem);height:var(--fontSize-2xl,1.5rem);width:var(--fontSize-2xl,1.5rem)}.ivds-icon--3xl{font-size:var(--fontSize-3xl,1.875rem);height:var(--fontSize-3xl,1.875rem);width:var(--fontSize-3xl,1.875rem)}.ivds-icon--primary{color:var(--color-brand-primary-500,#0ea5e9)}.ivds-icon--secondary{color:var(--color-semantic-neutral-600,#6b7280)}.ivds-icon--success{color:var(--color-semantic-success-500,#10b981)}.ivds-icon--warning{color:var(--color-semantic-warning-500,#f59e0b)}.ivds-icon--error{color:var(--color-semantic-error-500,#ef4444)}.ivds-icon--info{color:var(--color-brand-primary-500,#0ea5e9)}.ivds-icon--interactive{cursor:pointer;transition:color .15s ease-in-out,transform .15s ease-in-out}.ivds-icon--interactive:hover{transform:scale(1.1)}.ivds-icon--interactive:active{transform:scale(.95)}.ivds-icon--disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.ivds-icon--arrow-right{align-items:center;display:inline-flex;fill:currentcolor;flex-shrink:0;height:1em;justify-content:center;vertical-align:middle;width:1em}.ivds-icon--arrow-right svg{display:block;fill:inherit;height:100%;width:100%}.ivds-icon--arrow-right:before{font-feature-settings:normal;font-style:normal;font-variant:normal;line-height:1;text-rendering:auto}.ivds-icon--arrow-right{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentcolor' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='m9 18 6-6-6-6'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:contain}.ivds-icon--arrow-right:before{content:"→";font-size:inherit}.ivds-icon--arrow-right:not(.ivds-icon--no-svg):before{display:none}